JavaScript - cómo comprobar si el evento ya se ha agregado

Question

Quiero agregar un oyente exactamente una vez para beforeunload. Este es mi pseudocódigo:

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

Pero hasEventListener no existe obviamente. ¿Cómo puedo conseguir esto? Gracias.

Answer 1

usando jQuery que puede hacer uso data("events") en cualquier objeto (en este caso la ventana):

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

Pero esto sólo funciona para los eventos de jQuery añadido.

En un caso más general, simplemente debe almacenar la información que se agrega un oyente en alguna parte:

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

Creo que hay una manera estándar en javascript para obtener los controladores de eventos existentes. A lo sumo se podría recargo la función addEventListener del Nodo para interceptar y almacenar los oyentes, pero yo no lo recomiendo ...

EDIT:

De jQuery 1.8, están disponibles en $._data(element, "events") datos de eventos. El registro de cambios tiene una advertencia que debe tenerse en cuenta:

Tenga en cuenta que esta no es una interfaz pública compatible; las estructuras de datos reales pueden cambiar de manera incompatible de una versión a otra.

Answer 2

De hecho no es necesario para comprobar si un oyente se añadió a un objetivo:

Si varios EventListeners idénticos están registrados en el mismo EventTarget con los mismos parámetros, los casos duplicados se descartan. No hacen que se llame al EventListener dos veces, y dado que los duplicados se descartan, no es necesario eliminarlos manualmente con el método removeEventListener.

Fuente: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener#Multiple_identical_event_listeners