前段调试找某dom绑定的事件

连接：http://www.zhihu.com/question/25870558/answer/31627311

用jQuery的dataAPI
 

$("selector").data("events")

就能够列出指定元素所绑定的全部事件.好比这个页面
http://www.w3school.com.cn/tiy/loadtext.asp?f=jquery_event_click
用chrome的控制台, 经过
 

$("button").data("events")

会返回一个对象, 这个对象里面就是各类事件的映射关系:
好比你要点击事件, 找到 click, 对应的是一个事件的数组, 若是你一次点击只绑定一个, 就直接找第0个元素, 没跑了, 而后在handler哪里, 右击他, 选择 Show function definition, 就能够快速找到绑定的事件定义的代码了.
chrome还会高亮一下~~

实际上firefox中的firebug插件也是能够这么搞的, 只不过显示的文案不太同样而已...

新版本的jQuery则须要使用$._data这个工具方法来查看了, 用法仍是差很少.
 

$._data($("button")[0], "events")

 Google还有一个插件是Visual Event