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自带定位方法,定位元素绑定什么事件