Previene l'evento click del contenitore genitore dal momento in cui viene attivato il collegamento ipertestuale

Question

Nella mia pagina Web ho un elenco di file.

Ogni file è nel proprio contenitore div (div class = "file"). All'interno del contenitore c'è un collegamento al file e una descrizione.

Desidero consentire a un utente di fare clic in qualsiasi punto del contenitore per scaricare il file. Ho fatto questo aggiungendo un evento click al contenitore e recuperando il href del collegamento figlio.

Come il file si apre in una nuova finestra, se l'utente fa effettivamente clic sul collegamento, il file si apre due volte.

Quindi ho bisogno di impedire che l'evento click del contenitore genitore venga attivato quando si fa clic sul collegamento ipertestuale. Il modo migliore per farlo sarebbe aggiungere una funzione click al collegamento ipertestuale a0 e impostare event.stopPropagation? Presumibilmente questo fermerebbe quindi l'evento dal ribollire fino al contenitore.

Grazie Ben

Answer 1

Sì, uso stopPropagation. Vedi: Prevent execution of parent event handler

Answer 2

Nel modello Microsoft è necessario impostare la proprietà cancelBubble dell'evento su true.

window.event.cancelBubble = true; 

Nel modello del W3C è necessario chiamare il metodo dell'evento stopPropagation().

event.stopPropagation(); 

Ecco una soluzione cross-browser, se non si sta usando un quadro:

function doSomething(e) { 
    if (!e) e = window.event; 
    e.cancelBubble = true; 
    if (e.stopPropagation) e.stopPropagation(); 
} 

Answer 3

Grazie per l'aiuto.

Stavo usando jQuery, ma buono a capire la soluzione non quadro.

aggiunto il seguente per i collegamenti:

$(".flink").click(function(e) { 
     e.stopPropagation(); 
    }); 

Ben