Rumah > hujung hadapan web > tutorial js > javascript 解决表单仍然提交即使监听处理函数返回false_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 18:32:30
asal
988 orang telah melayarinya

复制代码 代码如下:





<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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan