SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
JavaScript/DOM/Event/currentTarget
Die Eigenschaft currentTarget zeigt das Element an, dessen Handler gerade ausgeführt wird.
Syntax
var ausloeser = event.currentTarget;
Anwendungsbeispiel
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)