Identifica el target (objetivo) actual del evento, ya que el evento atraviesa el DOM. Siempre hace referencia al elmento al cual el controlador del evento fue asociado, a diferencia de event.target, que identifica el elemento el el que se produjo el evento.

Ejemplo

Es interesante utilizar event.currentTarget cuando se asocia un mismo controlador de eventos a varios elementos.

function hide(e){
  e.currentTarget.style.visibility = "hidden";
  console.log(e.currentTarget);
  // Cuando esta función es usada como un controlador de evento: this === e.currentTarget
}

var ps = document.getElementsByTagName('p');

for(var i = 0; i < ps.length; i++){
  // console: imprime el elemento pulsado <p> 
  ps[i].addEventListener('click', hide, false);
}
// console: imprime <body>
document.body.addEventListener('click', hide, false);

// hace desaparecer párrafos al hacer click alrededor

Especificaciones

Especificación Estado Comentario
DOM
La definición de 'Event.currentTarget' en esta especificación.
Living Standard  
DOM4
La definición de 'Event.currentTarget' en esta especificación.
Obsolete  
Document Object Model (DOM) Level 3 Events Specification
La definición de 'current event target' en esta especificación.
Obsolete  
Document Object Model (DOM) Level 2 Events Specification
La definición de 'Event.currentTarget' en esta especificación.
Obsolete Definición inicial

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Soporte básicoChrome Soporte completo SiEdge Soporte completo SiFirefox Soporte completo SiIE Soporte completo 9
Soporte completo 9
Sin soporte 6 — 9
Notas
Notas On Internet Explorer 6 through 8, the event model is different. Event listeners are attached with the non-standard EventTarget.attachEvent method. In this model, there is no equivalent to event.currentTarget and this is the global object. One solution to emulate the event.currentTarget feature is to wrap your handler in a function calling the handler using Function.prototype.call with the element as a first argument. This way, this will be the expected value.
Opera Soporte completo SiSafari Soporte completo 10WebView Android Soporte completo SiChrome Android Soporte completo SiEdge Mobile Soporte completo SiFirefox Android Soporte completo SiOpera Android Soporte completo SiSafari iOS Soporte completo 10Samsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Compatibility unknown  
Compatibility unknown
Ver notas de implementación.
Ver notas de implementación.

Ver también

Comparativa de Event Targets

Etiquetas y colaboradores del documento

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