谷歌开发工具使用方法

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