首页 > 代码库 > preventDefault() 方法使用
preventDefault() 方法使用
preventDefault() 方法
Event 对象
定义和用法
取消事件的默认动作。
语法
event.preventDefault()
说明
该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。
JS阻止链接跳转
<script type="text/javascript">
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function stopDefault(e) { if (e && e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = http://www.mamicode.com/ false ; } return false ; } </script> <a href=http://www.mamicode.com/ "http://www.test.com" id= "test" >测试</a> <script type= "text/javascript" > var test = document.getElementByIdx_x( ‘test‘ ); test.onclick = function (e) { alert( ‘URL:‘ + this .href + ‘, 不会跳转‘ ); stopDefault(e); } |
</script>
此时点击链接,不会打开url,只弹出一个对话框。
preventDefault() 方法使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。