Cette traduction est en cours.
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.