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事件执行循序

评论(0)Web开发网
阅读(3387)喜欢(0)JavaScript/Ajax开发技巧