Aktualisieren: Wie Ereignis-Listener auf einem DOM-Knoten in Prototypen zu finden?

Question

Ich bin auf der Suche nach einer aktualisierten Antwort auf diese Frage .

Es scheint, dass Event.observers nicht mehr verwendet wird in Prototype 1.6+, (vielleicht Speicherlecks zu vermeiden), so wie ich jetzt tun aufzuspüren, was Ereignis-Listener zu einem Element angebracht sind?

Ich weiß, Firebug hat eine „Pause auf Next“, aber es gibt mehrere Maus Zuhörer auf dem Körperelement, die ausgeführt werden, bevor ich auf das Verhalten bekommen, die ich auf einem anderen bestimmten Element möchten, so ist es eine andere Möglichkeit?

Answer 1

Ich habe die Antwort Sie auf mit umfassenden Prototype Berichterstattung Berücksichtigung von Änderungen der Versionen 1.6.0 1.6.1.

Es wurde sehr chaotisch dazwischen gibt, aber 1.6.1 ist etwas sauber:

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

Die Dinge sind jetzt geführt durch Elementspeicher:)

Element.getStorage(yourElement).get('prototype_event_registry') geben Sie eine Instanz von Prototype Hash, so dass Sie alles tun, was Sie mit Hash tun würde.

// 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.

Beachten Sie, dass diese sind nicht dokumentierte interne Details , die in Zukunft geändert werden könnte, so würde ich nicht auf sie verlassen, mit Ausnahme vielleicht Debuggen.