javascript - ejemplos - Desencadenar el evento onclick del elemento secundario, pero no el elemento principal

onclick jquery html

Question

Tengo algunos elementos anidados, cada uno con un evento onclick. En la mayoría de los casos, deseo que ambos eventos se activen cuando el usuario haga clic en el elemento secundario (se desencadenan eventos padre e hijo, comportamiento predeterminado). Sin embargo, hay al menos un caso en el que deseo activar el evento onclick del niño (desde javascript, no el clic de un usuario), pero no el de los padres. ¿Cómo puedo evitar que esto desencadene el evento principal?

Lo que yo era era:

El usuario hace clic en A: se apaga el clic en A.
El usuario hace clic en los fuegos encendidos B: B, el clic de A también se apaga
Activar manualmente el clic de B : B dispara, A no (este es el problema)

Answer 1

Use triggerHandler en el niño; esto no permitirá que el evento se propague a través del DOM:

Los eventos creados con .triggerHandler () no generan burbujas en la jerarquía DOM; si no son manejados por el elemento objetivo directamente, no hacen nada.

Answer 2

Método 1:

Puede usar el método stopPropagation() para evitar el burbujeo del evento.

$(''.element'').on(''click'', function(e){
e.stopPropagation();
});

Mira esta DEMO

Método 2:

Puede usar return false para evitar el burbujeo del evento y esto también evitará la acción predeterminada.

$(''.element'').on(''click'', function(e){
//--do your stuff----
return false;
});