前端js点击事件怎么取消捕获

JavaScript015

前端js点击事件怎么取消捕获,第1张

如果是通过window.onclick = function(){}监听的话可以通过window.onclick = undefined 取消监听;

如果是通过window.addEventListener('click', function(){})监听则可以通过window.removeEventListener('click')取消监听。

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

修改代码,然后保存到本地

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

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

关于Fiddler的用法:

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

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

直接用js实现比较麻烦,不同版本的浏览器(主要是低版本的)支持的方法会不一样。

建议使用jquery实现:

添加事件例:

$("button").on("click", function(){

    console.log("clicked")

})

移除事件例:

$("button").off("click")

文档链接:http://api.jquery.com/on/