MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/d6d7ff2e2f9c

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';
}

Tambien  ver

Etiquetas y colaboradores del documento

 Colaboradores en esta página: roberbnd
 Última actualización por: roberbnd,