È possibile avere il trigger jQuery.click solo sull'elemento superiore?

Question

Sto provando a creare un sito in cui l'utente può fare clic su qualsiasi elemento per modificarlo. Io uso il seguente per aggiungere la funzione click a tutti i lis, div e uls.

$('li,div,ul').click(function() { 

alert(this.id); 

}); 

Il problema è che se clicco su un elemento li, allora ottengo l'avviso per questo, e ogni elemento sotto di esso. (tutti i contenitori).

È possibile avere solo il trigger dell'elemento superiore quando si fa clic su?

Answer 1

Si desidera interrompere la propagazione dell'evento, lo si fa in jQuery chiamando il metodo stopPropagation sull'oggetto evento.

$('li,div,ul').click(function (e) { 
    e.stopPropagation(); 
    alert(this.id); 
}); 

Answer 2

Credo che si voglia utilizzare stopPropagation(); all'interno della funzione click.

Answer 3

Mi sembra che stiate cercando .stopPropagation(). Chiamando stopPropagation si impedirà all'evento di "ribollire" fino ai contenitori principali.