Event.currentTarget
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 Standard # ref-for-dom-event-currenttarget② |
Compatibilidad con navegadores
BCD tables only load in the browser