[SOLUCIONADO] Eventos superpuestos

[cointreau17]

Buenas

Tengo un div con un evento onclick que hace una redirección y dentro de esta tengo otro elemento div con un id con el que jquery realiza una acción. ¿Cómo puedo evitar que al pinchar en el div interno se ejecute el evento onclick del padre? He probado a poner la funcion preventDefault pero no hace nada.

Muchas gracias
Saludos

[Alexis88]

Con ese método solo saltas la fase de captura, pero no la de bubbling. Necesitas utilizar el método .stopPropagation(), o, mi preferido, .stopImmediatePropagation().

¿Cuál es la diferencia?

El primero evita que el evento se propague en los ancestros del elemento, mientras que el segundo hace lo mismo; además, evita que se ejecuten otras funciones manejadoras o handlers asociadas al evento registrado en el elemento.

Un ejemplo:

Código Javascript:

Elemento.addEventListener("evento X", function(event){
    //Instrucciones A
    event.stopPropagation();
});
 
Elemento.addEventListener("evento X", function(){
    //Instrucciones B (sí se ejecutarán)
});
 

Código Javascript:

Elemento.addEventListener("evento X", function(event){
    //Instrucciones A
    event.stopImmediatePropagation();
});
 
Elemento.addEventListener("evento X", function(){
    //Instrucciones B (no se ejecutarán)
});
 

Un saludo

[cointreau17]

Muchas gracias!

Ese era el problema.

Saludos