JavaScript - jak sprawdzić, czy zdarzenie już zostało dodane?

Question

Chcę dodać detektor dokładnie raz dla beforeunload. To jest mój pseudokod:

if(window.hasEventListener('beforeunload') === false) { 
    window.addEventListener('beforeunload', function() { ... }, false); 
} 

Ale hasEventListener oczywiście nie istnieje. Jak mogę to osiągnąć? Dzięki.

Answer 1

jQuery można zrobić korzystanie data("events") na dowolnym obiekcie (tutaj okna):

var hasbeforeunload = $(window).data("events") && $(window).data("events").['beforeunload']; 

Ale to działa tylko na imprezy jquery dodaje.

W bardziej ogólnym przypadku należy po prostu przechowywać informacje, które dodać słuchacza gdzieś:

var addedListeners = {}; 
    function addWindowListenerIfNone(eventType, fun) { 
     if (addedListeners[eventType]) return; 
     addedListeners[eventType] = fun; 
     window.addEventListener(eventType, fun); 
    } 

myślę nie ma standardowy sposób w javascript, aby istniejące procedury obsługi zdarzeń. W najlepszym wypadku można naliczaniu dodatkowych funkcji addEventListener węzła do przechwytywania i przechowywania słuchaczy, ale nie polecam go ...

EDIT:

Od jQuery 1.8, dane zdarzeń są dostępne w $._data(element, "events"). Dziennik zmian zawiera ostrzeżenie, które należy wziąć pod uwagę:

Należy zauważyć, że nie jest to obsługiwany interfejs publiczny; rzeczywiste struktury danych mogą się niesatysfakcjonująco zmieniać z wersji na wersję.

Answer 2

W rzeczywistości nie ma potrzeby, aby sprawdzić, czy detektor został dodany do docelowej:

Jeśli wiele identycznych eventListeners są zarejestrowane w tej samej nasłuchujący z tymi samymi parametrami, zduplikowane wystąpienia są odrzucane. Nie powodują wywołania funkcji EventListener dwa razy, a ponieważ duplikaty są odrzucane, nie trzeba ich usuwać ręcznie przy użyciu metody removeEventListener.

Źródło: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener#Multiple_identical_event_listeners