如何阻止浏览器的默认事件，你是否也遇到过无法阻止Google默认事件的情况( 原生JS )

如题，话不多话，我们先看怎么解决

根据不同的绑定事件的方法，我们有不同的阻止默认事件的方法

如果你不知到如何绑定事件，请查看我的上一篇文章 关于浏览器滚动的兼容性问题以及事件绑定

1.句柄绑定

　　只需要在代码块的最后一行添加一行

　　return false;

2."addEventListener"绑定

即:

DOM.addEventListener("click", function (e) {

　　var event = e || window.event;

}, false);

　　两种情况：

　　1.除Chrome之外的浏览器

　　　在function函数中添加event.preventDefault();

　　2.Chrome浏览器

　　　出了在function函数中添加event.preventDefault()，还需要把false改为{passive: false}

我们在往下讲之前我们先讲解一下绑定事件函数里面的e是什么意思，其实这个e是针对FF浏览器的一个参数

通过这个参数我们可以获取"click"事件发生时的各种参数，比如我们是点击的左键还是右键，鼠标当前在屏幕（文档，为了方便理解我们这里使用的屏幕，其实屏幕和文档是有区别的）中的坐标

var event = e || window.event;也就是起到了兼容各个浏览器的作用，更加详细的方面你可以去查看其它的文档

比如这篇文章：为什么JS事件函数里面都有一个参数（ev）？

3."attachEvent"绑定的事件

只有一个return false;

这里就比较有意思了，"attachEvent" 绑定事件和 "addEventListener"绑定事件的方式这么像居然不能用event.preventDefault();这个方法

不过我觉得也不难理解，毕竟"attachEvent" 绑定事件是在IE8以下的浏览器实现的，而event.preventDefault()方法是后面出来的

其实还有一个比较有意思的事情( 上一篇跟大家说过要讲的 )：

attachEvent虽然不能在IE9及其以上的浏览器绑定事件，但是！但是！它却可以用来在IE9以上的浏览器阻止默认事件(亲测可用)

到此，关于浏览器默认事件的阻止告一段落，如果你有什么更有意思的见解欢迎在下方留言评论交流

原创文章