modyfikować dane zdarzeń podczas propagacji

Question

Czy istnieje jakiś sposób dołączania danych do obiektu zdarzenia jQuery, ponieważ propaguje do DOM?

Aby wyjaśnić, jeśli masz trzy zagnieżdżone divy, każdy z detektorem zdarzeń kliknięcia, a następnie kliknięcie najbardziej div powoduje, że wszystkie trzy procedury obsługi wywoływane są od najbardziej wewnętrznej do najbardziej zewnętrznej (propagacja zdarzenia 101). Chciałbym dodać trochę danych do obiektu zdarzenia w każdej procedurze dostępnej dla następnej warstwy. Jak mogę to zrobić?

Dzięki.

Answer 1

Może ja źle na pytanie, ale natknąłem się na tej stronie StackOverflow jednocześnie szukając sposobu, aby zrobić to samo.

Od tamtej pory odnalazłem, że możesz zwrócić wartość/wartości, które chcesz przekazać na końcu każdej procedury obsługi, a następnie uzyskać do nich dostęp w kolejnych programach obsługi przy użyciu właściwości event.result?

Proste demo na http://api.jquery.com/event.result/

Answer 2

Chociaż nie można dołączyć dane bezpośrednio do zdarzenia, można jeszcze dołączyć dane do targetElement poprzez jQuery data():

$('div').click(function(e) { 
    var info = $(e.target).data('info') || ''; 
    $(e.target).data('info', info + ' ' + $(this).attr('class')); 
}); 

Oto skrzypce: http://jsfiddle.net/eKVmU/

Answer 3

Obiekt zdarzenia, który jest przekazywany przez jQuery jest opakowaniem wokół natywnego obiektu zdarzenia. Bulgotanie odbywa się na poziomie javascript/browser, a więc rodzimy obiekt zdarzenia wydaje się być wspólny dla wszystkich procedur obsługi zdarzeń.

$('div').click(function(e) { 
    e.originalEvent.attribute = (e.originalEvent.attribute || "") + 
     " " + $(this).prop("className"); 
    alert(e.originalEvent.attribute); 
}); 

Testowany w przeglądarce Chrome, Firefox, Safari, IE9 i IE10. Jeśli testujesz w innych przeglądarkach, skomentuj wyniki.

Oto skrzypce: http://jsfiddle.net/5AQqD/