En la siguiente manera: Haga clic en sub-elementos no quieren tiempo de activación
<Style>
#parent {
fondo: rosa; anchura: 50%;
}
#Child {
fondo: naranja; altura: 300px; ancho: 300px;
}
</ Style>
<div id = "abuelo" οnclick = "AA ( 'abuelo', evento)">
<div id = "padre" οnclick = "AA ( 'padre', evento)">
<div id = "niño" οnclick =" aa ( 'niño', evento) "> </ div>
</ div>
</ div>
<script>
función AA (val, evento) {
alerta (val);
console.log (event.target, event.currentTarget)
}
</ Script>
Si queremos hacer clic en un elemento, sólo los activadores de eventos del elemento, se recomienda un simple pero no los métodos comúnmente usados:
e.currentTarget objeto de evento devuelve el elemento actual que desencadenó el evento
elemento de fuente de disparo de retorno e.current de la serie de eventos
Ejemplo: Si hago clic en el elemento hijo del elemento padre será un evento de propagación de este disparador, esta vez aa, se llevará a cabo en tres ocasiones con el fin de:
event.target event.currentTarget
niño niño niño
los padres del niño del padre
abuelo abuelo del niño
Así que darse cuenta basta con hacer clic en el elemento en sí, un método simple para el evento se disparará elementos son los siguientes: aa función Modificar:
la función AA (val, evento) {
si (event.target === event.currentTarget) {
alerta (val)
}
}
No es muy simple.