js定位事件函数的一些方法总结

在用js开发的过程中，有时候需要快速定位到某个事件的响应函数，为此我总结了一些定位方法：

1.使用编辑器直接查找：

最简单的，就是在编辑器中使用搜索功能，比如要查找一个click事件定义在哪个地方，可以直接在sublime或者webstorm等编辑器中查找得到结果。但是，这种方法适合事件不多的时候，如果一个项目中有几百上千个click事件，那么这样的方法查找起来就相当吃力了。

2.使用chrome浏览器进行调试：

伴随chrome开发者工具的强大功能，这里又细分为几种：

1.直接右键触发事件的元素->检查，在Elements中看该元素有没有在html文档中直接绑定click事件，也可以在右边的EventListener里看（ancestor的勾选决定是否带有冒泡的发生）

2.通过打断点的方式查找，比如:在开发者工具的Sources的右边部分勾选mouse->click事件，鼠标点击时会自动添加click事件的监听。

3.在Timeline中查看，这个比起前面方法稍有一点点复杂，但是是我目前见到的最好的定位方式了，详情参照知乎解答https://www.zhihu.com/question/38685128。