JavaScript/DOM/Event/currentTarget

Die Eigenschaft currentTarget zeigt das Element an, dessen Handler gerade ausgeführt wird.

Syntax

var ausloeser = event.currentTarget;

Anwendungsbeispiel

Beispiel ansehen …

document.addEventListener('DOMContentLoaded', function () {
  function findeAuslöser(event) { 
    var elem = event.currentTarget,
        name = elem.nodeName;	  
    document.getElementById('ereignis').textContent = name;
  }
  var seite = document.documentElement;
  seite.addEventListener('click',findeAuslöser);	
});

Egal wohin man auf die Seite klickt, es wird immer das Element angezeigt, für das der Eventhandler registriert ist: html. Wenn Sie das gerade angeklickte Nachfahrenelement herausfinden wollen, benötigen Sie event.target.

Sie können natürlich auch durch this auf das besagte Element zurückgreifen.

Weblinks

• W3C: Event-currentTarget
• MDN event.currentTarget
• MSDN: event.currentTarget
• molily.de: JavaScript - Verarbeitendes Element und Zielelement (von Mathias Schäfer)