modifica dati evento durante la propagazione

Question

C'è un modo per allegare dati a un oggetto evento jQuery mentre si propaga sul DOM?

Per chiarire, se si dispone di tre div nidificate, ciascuna con un listener di eventi click, quindi facendo clic sul div più interno risulta in tutti e tre i gestori chiamati dall'interno verso l'esterno (propagazione dell'evento 101). Quello che mi piacerebbe fare è aggiungere alcuni dati all'oggetto evento in ogni gestore che è accessibile al livello successivo. Come lo faccio?

Grazie.

Answer 1

forse ho frainteso la domanda, ma mi sono imbattuto in questa pagina StackOverflow mentre la ricerca di un modo per fare la stessa cosa.

Da allora ho scoperto che è possibile restituire il valore/i valori che si desidera passare alla fine di ogni gestore e quindi accedervi in ​​gestori successivi utilizzando la proprietà event.result?

semplice demo http://api.jquery.com/event.result/

Answer 2

Anche se non è possibile collegare direttamente i dati per l'evento, si potrebbe ancora collegare i dati al targetElement via data() di jQuery:

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

Ecco il violino: http://jsfiddle.net/eKVmU/

Answer 3

L'oggetto evento che viene passato da jQuery è un wrapper attorno all'oggetto evento nativo. Il bubbling avviene a livello di javascript/browser e quindi l'oggetto evento nativo sembra essere condiviso tra tutti i gestori di eventi.

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

Testato in Chrome, Firefox, Safari, IE9 e IE10. Se si esegue il test in altri browser, si prega di commentare con i risultati.

Ecco il violino: http://jsfiddle.net/5AQqD/