Event.currentTarget

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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.

js
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

Specification
DOM
# ref-for-dom-event-currenttarget②

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
currentTarget

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Ver también