Event.target

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 elemento <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

Compatibilidad del navegador

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

También  ver

•  Comparación de los Eventos