Event.currentTarget

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

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";
  // Lorsque cette fonction est utilisée comme un gestionnaire d'évènements : this === e.currentTarget
}

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

for(var i = 0; i < ps.length; i++){
  ps[i].addEventListener('click', hide, false);
}

// Cliquer et faites disparaître les paragraphes

Spécifications

Spécification Statut Commentaires
Document Object Model (DOM) Level 2 Events Specification
La définition de 'Event.currentTarget' dans cette spécification.
Recommendation Première définition

Compatibilité des navigateurs

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

[1] On Internet Explorer 6 through 8, the event model is different. Event listeners are attached with the non-standard element.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.

Voir aussi

Comparison of Event Targets

Étiquettes et contributeurs liés au document

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