前段調試找某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