chrome浏览器定位mouseover事件

问题描述：今天遇到这样一个情况，我鼠标移到这个元素上会看到它触发了一个样式。但是jsp页面层层相嵌，js又多的不行，根本找不到绑定的这个事件在哪儿。心想谷歌浏览器深受程序员的喜爱，肯定不会辜负广大程序的。于是终于让我找到了定位各种事件的方法。

调试方法：我就以定位这个mouseover事件为例，讲一下自己的定位过程。

1.首先进入F12页面，选择sources，此时在右边会出现一个Event Listener Breakpoints（事件监听断点）。

2.找到你要监听的事件，在前面打钩。

3.手动去触发这样一个事件，捉贼拿赃，捉奸在床。它不犯案你怎么抓住它呢。我是mouseover事件，于是我就把鼠标移到这个元素上面。

4.果然前端进入调试模式。但是这是编译后的底层代码，我也看不懂啊。没关系，一直点击上图我标记的这个按钮，最后他肯定回进入最外层调用的地方。果然最后让我找到了最外层在哪儿调用的。