首页 >web前端 >js教程 >javascript 解决表单仍然提交即使监听处理函数返回false_javascript技巧

javascript 解决表单仍然提交即使监听处理函数返回false_javascript技巧

WBOY
WBOY原创
2016-05-16 18:32:30979浏览

复制代码 代码如下:





<script> <BR>var code = function () { <BR>return false; <BR>}; <BR>var element = window.document.getElementById("form"); <BR>if (element.addEventListener) { <BR>element.addEventListener("submit", code, false); <BR>} <BR></script>

修改后的Code:
复制代码 代码如下:





<script> <BR>var code = function (eventObject) { <BR>if (eventObject.preventDefault) { <BR>eventObject.preventDefault(); <BR>} else if (window.event) /* for ie */ { <BR>window.event.returnValue = false; <BR>} <BR>return true; <BR>}; <BR>window.onload = function(){ <BR>var element = window.document.getElementById("form"); <BR>if (element.addEventListener) { <BR>element.addEventListener("submit", code, false); <BR>} else if (element.attachEvent) { <BR>element.attachEvent("onsubmit", code); <BR>} <BR>} <BR></script>

备注:

1:preventDefault函数的使用请参考 https://developer.mozilla.org/en/DOM/event.preventDefault
2:DOM Events :http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn