e.preventDefault()

js阻止默认行为

放肆的年华 提交于 2020-03-18 14:15:19
某厂面试归来,发现自己落伍了!>>> 一.哪些 默认 行为要做阻止 1.a标签链接跳转 什么是默认行为?一个最简单的例子,我有一个a标签: <a href="https://www.baidu.com/" target="_blank">百度</a> 我们预览打开,点击百度两个字就会打开百度页面,点击后链接地址跳转就是a标签的默认行为。 我们有没有办法在a点击后让他不跳转的处理呢?这是肯定有的,a在点击会触发click事件,我们只要在回调中加入事件阻止方法就可以阻止跳转发生: <a href="https://www.baidu.com/" target="_blank" id="skip">百度</a> var skip=document.getElementById("skip"); skip.onclick=function(event){ event.preventDefault(); }; 再次点击百度,还会停留在当前页面,当然除了调用事件对象的阻止方法还可以用下面的处理: skip.onclick=function(event){ return false; }; 2.form表单提交 除了a的默认跳转行为,其实表单的提交行为很多时候我们也要进行阻止,当然是因为有表单验证了,因为输入问题而去阻止提交: <form action="11.html" id="form">

jQuery中return false,e.preventDefault(),e.stopPropa

醉酒当歌 提交于 2019-12-05 09:38:13
e.stopPropagation()阻止事件冒泡 <head> <title></title> <script src="Scripts/ jQuery -1.4.1.js" type="text/ JavaScript "></script> </head> <body> <table> <tr> <td><span>冒泡事件测试</span></td> </tr> </table> </body> 我们先看这段代码: <script type="text/javascript"> $(function () { $("table").click(function () { alert("table alert"); }); $("td").click(function () { alert("td alert"); }); $("span").click(function (){ alert("span alert"); }); }); </script> 我们会看到这样的情况:span alert -> td alert -> table alert。这就叫事件冒泡。就是从下到上,从里到外,事件依次触发。 有的时候我们不希望事件冒泡咋办? <script type="text/javascript"> $(function () { $("table").click