1、通过开发者工具监控事件触发
Chrome开发者工具以及Firebug都提供了内置事件监控方法——monitorEvents。
monitorEvents(document.body, ‘click’);
// document.body 元素 ‘click’ 监控的事件
unmonitorEvents(document.body, ‘click’);
// document.body 元素 ‘click’ 监控的事件

2、利用chrome浏览器进行js调试并找出元素绑定的点击事件详解

只需要通过chrome浏览器以下三个功能就可以轻松找到绑定事件了。
1. 切换到Sources标签(Sources(源码))
2. 看右边的窗口(Event Listener Breakpoints)栏,选择click选项(监听点击事件)。
3. 展开Call Stack(函数调用栈)。
4. 然后点击如下图标或按F11,观察CallStack。
5. 一路按如下图标或按F11,直至发现事件是直接事件源。一路按下去,一定要有耐心。。。。。
跟下去就找到了事件源!!!
三、可以通过定位工具VisualEvent和chrome自带定位方法,定位元素绑定什么事件

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐