首頁  >  文章  >  web前端  >  javascript 解决表单仍然提交即使监听处理函数返回false_javascript技巧

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

WBOY
WBOY原創
2016-05-16 18:32:30946瀏覽

复制代码 代码如下:





<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