event.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">