更新：如何在原型中的DOM节点上查找事件侦听器？

Question

我正在寻找这个问题的最新答案。

似乎在Prototype 1.6+中不再使用Event.observers（可能是为了避免内存泄漏），那么如何追踪哪些事件监听器附加到元素？

我知道Firebug有一个“下一个突破”按钮，但是在我可以在另一个特定元素上获得我想要的行为之前，body元素上有几个鼠标侦听器，所以还有其他方法吗？

Answer 1

我已更新您链接到更全面的原型覆盖率，用于解释版本 1.6.0 到 1.6.1 的更改。

它之间非常混乱，但1.6.1有点干净：

var handler = function() { alert('clicked!') };
$(element).observe('click', handler);

// inspect
var clickEvents = element.getStorage().get('prototype_event_registry').get('click');
clickEvents.each(function(wrapper){
    alert(wrapper.handler) // alerts "function() { alert('clicked!') }"
})

Answer 2

事情现在通过元素存储路由：）

Element.getStorage（yourElement）.get（'prototype_event_registry'）会给你一个Prototype的 Hash 的实例，所以你可以做任何你用hash做的事情

// to see which event types are being observed
Element.getStorage(yourElement).get('prototype_event_registry').keys();

// to get array of handlers for particular event type
Element.getStorage(yourElement).get('prototype_event_registry').get('click');

// to get array of all handlers
Element.getStorage(yourElement).get('prototype_event_registry').values();

// etc.

请注意这些是未记录的内部详细信息，将来可能会更改，所以我不会依赖它们，除非是为了调试目的。