form提交onclick()、submit()与onsubmit()的执行顺序
程序员文章站
2022-06-10 10:07:52
...
自己写X()、Y()函数,我们会发现,这几个函数的执行顺序
1) onclick: Y();
2) onsubmit: X();
3) submit();
也就是说
只要 onclick 未 return false 那么就继续执行 onsubmit
只要 onsubmit 未return false 那么表单就被提交出去了
另外一点写法上注意一定要 “return X();” 才能取得函数的返回值,否则只是调用函数,返回值未被传递
正确写法:
<input type=submit onclick=”return X();”>
//X() 返回false后,form的submit会被终止
错误写法:
<input type=submit onclick=”X()”>
//X() 返回false后未传递给onclick事件,form的submit会继续www.hdboo.com
1) onclick: Y();
2) onsubmit: X();
3) submit();
也就是说
只要 onclick 未 return false 那么就继续执行 onsubmit
只要 onsubmit 未return false 那么表单就被提交出去了
另外一点写法上注意一定要 “return X();” 才能取得函数的返回值,否则只是调用函数,返回值未被传递
正确写法:
<input type=submit onclick=”return X();”>
//X() 返回false后,form的submit会被终止
错误写法:
<input type=submit onclick=”X()”>
//X() 返回false后未传递给onclick事件,form的submit会继续www.hdboo.com
上一篇: 万兴喵影如何快速做出快闪字幕视频?
推荐阅读
-
FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
-
form提交onclick()、submit()与onsubmit()的执行顺序
-
关于a标签提交表单,submit与onsubmit冲突的解决方案
-
FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
-
onsubmit阻止form表单提交与onclick的相关操作_javascript技巧
-
form元素中的button(type=submit)元素按下enter键会执行onclick事件,如何禁止action呢?
-
form元素中的button(type=submit)元素按下enter键会执行onclick事件,如何禁止action呢?
-
onsubmit阻止form表单提交与onclick的相关操作_javascript技巧
-
关于表单下的onclick、onsubmit、submit执行顺序
-
form的submit与onsubmit的用法与区别