submit控件click事件和form表单submit事件执行循序
表单中的submit按钮的clic事件优先于表单form的submit事件,表单submit事件的执行依据submit按钮的返回值来判断是否继续需要执行submit事件。表单的submit事件中return false也可以阻止表单的提交,而不一定依靠onsubmit事件返回false来阻止表单的提交。
当submit的click事件返回false时,不会执行form表单的submit事件,返回非false值或者没有return语句返回内容都才会执行表单的submit事件。
测试代码如下
1)submit事件返回false,不执行表单submit事件,并且未提交表单
<form onsubmit="alert('表单submit事件');return false;"> <input type="submit" value="提交表单" onclick="alert('submit按钮click事件');return false"/> </form>
2)submit事件返回true【或者去掉return true语句】,执行表单submit事件,测试用,submit事件return false不提交表单
<form onsubmit="alert('表单submit事件');return false;"> <input type="submit" value="提交表单" onclick="alert('submit按钮click事件');return true"/> </form>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:submit控件click事件和form表单submit事件执行循序