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
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 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.