jQuery escuchar a nivel mundial para eventos personalizado

Question

una versión simplificada de lo que estoy tratando de hacer es como sigue:

var indication = $('#some-div'); 
indication.bind('custom-event', function() { ... } 


// ... later on! 

function OtherThing() { 
    $(this).trigger('custom-event'); 
} 

me gustaría indication.bind('custom-event') para recibir el gatillo de function OtherThing sin la necesidad de conocer dos explícitamente acerca El uno al otro. es posible? Mi única solución hasta ahora es unir tanto al oyente como al evento al cuerpo ... esto parece descuidado, ¿hay alguna manera mejor?

Answer 1

En JavaScripts, los eventos activados en cada Elemento HTML se propagan a sus padres, por lo tanto, para resolver su problema y hacer que cualquier elemento sea capaz de manejar el evento personalizado sin hacer algo incorrecto como $('*').bind('custom-event') es vincular al oyente a un padre común para todos los elementos, los bodyhtml o elementos:]

por lo tanto, sólo es necesario para unirse al evento para bodyhtml o elemento. Luego, cuando cualquier elemento, dentro del elemento padre elegido, active el evento personalizado, se propagará a este elemento padre.

Y luego, en el controlador de eventos, se puede acceder al elemento que ha disparado el evento accediendo target atributo para el objeto de evento: event.target

Por lo tanto, el código debe ser:

$('body').bind('custom-event', function(e){ 
    var $element = e.target; 
}); 

$('#anyElement').trigger('custom-event');