如何屏蔽js监听的事件

通过浏览器的调试工具（比如Chrome下有个开发人员工具，按F12可以唤出，在source里可以看到页面引用的js文件）去确定需要修改的代码位置；

修改代码卖亮磨，然后保存到本地

针对你最后一句，有个工具Fiddler恰恰能满足，借助它可以实现上一步的文件替换页面里原有的js文件。

难点在于定位代码的位置，如果页面里的代码被混淆了，读起来困难，会加大寻找位置的障碍。

关于Fiddler的用法：

到官网下载，大概800kb左右，可谓人小鬼大，是我们前端开发人员的利器。

打开后，右侧有个autoresponder，键燃可以添加rules，设定匹配指定的某个请求url，将其指向本地中斗文件，这样就不会访问服务器端的文件了。

1、事件监听的定义

在Javascript中，浏览器一般分为两大类：

① 基于IE内核的浏览器（版本号小雀凳于9的IE浏览器）

② 基于W3C内核的浏览器（版本号大于9的IE浏览器、Firefox、Google等浏览器）

1）基本语法：基于IE内核浏览器

dom对象.attachEvent(type，callback，capture) ：为元素绑定事件监听程序

参数说明：

type：绑定的事件类型，如onclick、onmouseover、onmouseout

callback：事件的处理程序锋雀，通常是一个匿名函数

capture：使用的浏览器模银岁早型，冒泡模型与捕获模型，默认IE8以下的浏览器只支持冒泡模型！

2）基本语法：基于W3C内核的事件监听

dom对象.addEventListener(type，callback) ：为W3C内核浏览器绑定事件监听

参数说明：

type：绑定事件类型，不带’on’前缀，如click，mouseover，mouseout

callback：事件的处理程序，通常是一个匿名函数

3、总结事件监听的区别

IE内核的监听方式与W3C内核的监听方式：

①方式不同

IE内核的浏览器使用attachEvent进行绑定

W3C内核的浏览器使用addEventListener进行绑定

②参数不同

IE内核浏览器，其绑定方式一共有三个参数type，callback，capture（使用的浏览器模型）

W3C内核浏览器，其绑定方式一共有二个参数，type和callback

③type参数不同

IE内核的浏览器，type是需要添加’on’前缀的，如onclick

W3C内核浏览器，type是不需要添加’on’前缀的，如click

④触发顺序不同

IE内核的浏览器，其事件监听是先绑定后触发，后绑定的先触发

W3C内核的浏览器，其事件监听是先绑定先触发，后绑定的后触发

---