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 delegacion 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 refers to the clicked <li> element
// This is different than e.currentTarget which would refer to the parent <ul> in this context
e.target.style.visibility = 'hidden';
}
// Attach the listener to the list
// Se va a ejecutar cuando en cada <li> se realiza click
ul.addEventListener('click', hide, false);
Especificaciones
| Specification | Status | Comment |
|---|---|---|
| DOM The definition of 'Event.target' in that specification. |
Living Standard | |
| DOM4 The definition of 'Event.target' in that specification. |
Obsolete | |
| Document Object Model (DOM) Level 2 Events Specification The definition of 'Event.target' in that specification. |
Obsolete | Initial definition |
Browser compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
| Caracteris | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Notas de compatibilidad
On IE 6-8 the event model is different. Event listeners are attached with the non-standard EventTarget.attachEvent method. In this model, the event object has a Event.srcElement property, instead of the target property, and it has the same semantics as event.target.
function hide(e) {
// Soporte en IE6-8
var target = e.target || e.srcElement;
target.style.visibility = 'hidden';
}