Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
Una referencia a un objeto que lanzo el evento. IEs diferente de event.currentTarget
donde el evento es llamado durante la fase de bubbling or capturing .
Sintaxis
theTarget = event.target
Ejemplo
La propiedad event.target
puede ser usada para implementar una delegación del evento.
// Crear una lista var ul = document.createElement('ul'); document.body.appendChild(ul); var li1 = document.createElement('li'); var li2 = document.createElement('li'); ul.appendChild(li1); ul.appendChild(li2); function hide(e){ // e.target se refiere cuando se clickea el elmento <li> // Esto es diferente de e.currentTarget que se referiría al padre <ul> en este contexto e.target.style.visibility = 'hidden'; } // Incluir el 'listener' a la lista // Se ejecutará cuando se haga click en cada <li> ul.addEventListener('click', hide, false);
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
DOM La definición de 'Event.target' en esta especificación. |
Living Standard | |
DOM4 La definición de 'Event.target' en esta especificación. |
Obsolete | |
Document Object Model (DOM) Level 2 Events Specification La definición de 'Event.target' en esta especificación. |
Obsolete | Definición inicial |
Compatibilidad del navegador
Característica | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Soporte básico | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Característica | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Soporte básico | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Notas de compatibilidad
En IE 6-8 el evento 'model' es diferente. Los eventos 'listeners' son are incluidos con el método no estándar EventTarget.attachEvent
. En este modelo, el evento 'object' tiene una propiedad Event.srcElement
, en vez de la propiedad target
, y tiene la misma semántica que event.target
.
function hide(e) { // Soporte en IE6-8 var target = e.target || e.srcElement; target.style.visibility = 'hidden'; }