Identifie la cible actuelle de l'évènement, lorsque l'évènement traverse le DOM. Il se réfère toujours à l'élément auquel le gestionnaire d'évènements a été attaché contrairement à event.target qui identifie l'élément sur lequel l'évènement a eu lieu.

Exemple

event.currentTarget est intéressant à utiliser lorsqu'on attache le même gestionnaire d'évènements à plusieurs éléments.

function hide(e){
  e.currentTarget.style.visibility = "hidden";
  console.log(e.currentTarget);
  // Lorsque cette fonction est utilisée comme un gestionnaire d'évènement : this === e.currentTarget
}

var ps = document.getElementsByTagName('p');

for(var i = 0; i < ps.length; i++){
  // console : imprime l'élément <p> clické 
  ps[i].addEventListener('click', hide, false);
}
// console : imprime le <body> (corps)
document.body.addEventListener('click', hide, false);

// cliquez autour et faites disparaître les paragraphes

Spécifications

Spécification Statut Commentaire
DOM
La définition de 'Event.currentTarget' dans cette spécification.
Standard évolutif  
DOM4
La définition de 'Event.currentTarget' dans cette spécification.
Obsolete  
Document Object Model (DOM) Level 3 Events Specification
La définition de 'current event target' dans cette spécification.
Obsolete  
Document Object Model (DOM) Level 2 Events Specification
La définition de 'Event.currentTarget' dans cette spécification.
Obsolete Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet OuiIE Support complet 9
Support complet 9
Aucun support 6 — 9
Notes
Notes 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.
Opera Support complet OuiSafari Support complet 10WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet 10Samsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Comparaison des cibles d'évènements

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : loella16, Kalwyn, Nothus, P45QU10U
Dernière mise à jour par : loella16,