jQuery słuchać globalnie dla niestandardowego zdarzenia

Question

uproszczoną wersją co usiłuję zrobić to w następujący sposób:

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


// ... later on! 

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

Chciałbym indication.bind('custom-event') otrzymywać spust z function OtherThing bez dwóch konieczności jawnie wiedzieć wzajemnie. czy to możliwe? Jedynym moim dotychczasowym rozwiązaniem jest związanie zarówno słuchacza, jak i wydarzenia z ciałem ... wydaje się to niechlujne - czy istnieje lepszy sposób?

Answer 1

W JavaScriptach zdarzenia wyzwalane na każdym elemencie HTML są propagowane do ich rodziców, więc aby rozwiązać problem i sprawić, by którykolwiek element był w stanie obsłużyć zdarzenie niestandardowe bez popełnienia czegoś nieprawidłowego, jak $('*').bind('custom-event'), należy powiązać słuchacza z wspólny element nadrzędny dla wszystkich elementów, elementy body lub html:]

Konieczne jest tylko powiązanie zdarzenia z elementem body lub html. Następnie, gdy dowolny element w wybranym elemencie nadrzędnym wyzwoli zdarzenie niestandardowe, zostanie on propagowany do tego elementu nadrzędnego.

a następnie w obsługi zdarzeń, można uzyskać dostęp do elementu, który wywołał zdarzenie dostępu atrybut target dla obiektu zdarzenia: event.target

więc kod powinien być:

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

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