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

2019独角兽企业重金招聘Python工程师标准>>>

链接：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

转载于:https://my.oschina.net/u/2369810/blog/704263