Evitar que el evento de clic del contenedor principal se active cuando se hace clic en el hipervínculo

Question

En mi página web tengo una lista de archivos.

Cada archivo está en su propio contenedor div (div class = "file"). Dentro del contenedor hay un enlace al archivo y una descripción.

Quería permitir que un usuario haga clic en cualquier lugar del contenedor para descargar el archivo. Hice esto agregando un evento de clic al contenedor y recuperando el href del enlace secundario.

Como el archivo se abre en una nueva ventana, si el usuario realmente hace clic en el enlace, el archivo se abre dos veces.

Por lo tanto, debo evitar que se active el evento de clic del contenedor principal cuando se hace clic en el hipervínculo. ¿La mejor manera de hacerlo sería agregar una función de clic al hipervínculo to0 y establecer event.stopPropagation? Es de suponer que esto evitaría que el evento burbujee hasta el contenedor.

Gracias Ben

Answer 1

Sí, el uso stopPropagation. Ver: Prevent execution of parent event handler

Answer 2

En el modelo de Microsoft, debe establecer la propiedad cancelBubble del evento en verdadero.

window.event.cancelBubble = true; 

En el modelo W3C debe llamar al método stopPropagation() del evento.

event.stopPropagation(); 

Aquí es una solución multi-navegador si no está utilizando un marco:

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

Answer 3

Gracias por la ayuda.

Estaba usando jQuery, pero es bueno para entender la solución no marco.

añadido lo siguiente para los enlaces:

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

Ben