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 julho de 2015.

Identifica o alvo atual para o evento quando o event percorre o DOM. O currentTarget sempre se refere ao elemento associado ao event handler, ao invés do event.target que identifica o elemento ao qual o evento ocorreu.

Exemplo

event.currentTarget é bom para ser usado quando nós queremos associar o mesmo event handler para vários elementos.

function hide(e) {  e.currentTarget.style.visibility = "hidden";  console.log(e.currentTarget);  // Quando essa função é usada como um event  // handler: this === e.currentTarget}var ps = document.getElementsByTagName("p");for (var i = 0; i < ps.length; i++) {  // console: print the clicked <p> element  ps[i].addEventListener("click", hide, false);}// console: print <body>document.body.addEventListener("click", hide, false);// Clique e faça os parágrafos desaparecerem