在调试时或从JavaScript代码中如何在DOM节点上查找事件侦听器？

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

我有一个页面，其中一些事件侦听器附加到输入框和选择框。有没有一种方法可以找出哪些事件侦听器正在观察特定的DOM节点以及针对哪个事件？

使用以下事件附加事件：

原型的 Event.observe ;
DOM的addEventListener ;
作为元素属性element.onclick 。

#1楼

（由于此问题很重要，因此请重写此问题的答案。）

调试时，如果您只想查看事件，我建议...

视觉事件
Chrome开发人员工具的“ 元素”部分：选择一个元素，然后在右下角查找“事件监听器”（与Firefox类似）

如果要在代码中使用事件，并且正在使用1.8之前的 jQuery，则可以使用：

$(selector).data("events")

得到事件。 从1.8版本开始，不再使用.data（“ events”） （请参阅此bug票据）。您可以使用：

$._data(element, "events")

另一个示例：在指向控制台的特定链接上写入所有click事件：

var $myLink = $('a.myClass');
console.log($._data($myLink[0], "events").click);

（有关工作示例，请参见http://jsfiddle.net/HmsQC/ ）

不幸的是，除调试外， 不建议使用$ ._ data ，因为它是内部jQuery结构，并且在以后的版本中可能会更改。不幸的是，我知道没有其他简单的方法可以访问事件。

#2楼

原型1.7.1方式

function get_element_registry(element) {
    var cache = Event.cache;
    if(element === window) return 0;
    if(typeof element._prototypeUID === 'undefined') {
        element._prototypeUID = Element.Storage.UID++;
    }
    var uid =  element._prototypeUID;           
    if(!cache[uid]) cache[uid] = {element: element};
    return cache[uid];
}