Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

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

Specifications

Specification Status Comment
DOM
The definition of 'Event.currentTarget' in that specification.
Padrão em tempo real  
DOM4
The definition of 'Event.currentTarget' in that specification.
Obsoleto  
Document Object Model (DOM) Level 3 Events Specification
The definition of 'current event target' in that specification.
Obsoleto  
Document Object Model (DOM) Level 2 Events Specification
The definition of 'Event.currentTarget' in that specification.
Obsoleto Initial definition

Browser compatibility

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes)[1] (Yes) 10.0
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? (Yes) ? ? ? 10.0

[1] 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.

See also

Comparison of Event Targets

Etiquetas do documento e colaboradores

Colaboradores desta página: WederPachecoSilva
Última atualização por: WederPachecoSilva,