Event: Eigenschaft target
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Hinweis: Dieses Feature ist verfügbar in Web Workers.
Die schreibgeschützte target
-Eigenschaft des Event
-Interfaces ist ein Verweis auf das Objekt, auf das das Ereignis ausgelöst wurde. Sie unterscheidet sich von Event.currentTarget
, wenn der Ereignis-Handler während der Bubbling-Phase oder der Capturing-Phase des Ereignisses aufgerufen wird.
Wert
Das zugehörige EventTarget
.
Beispiel
Die event.target
-Eigenschaft kann genutzt werden, um Ereignisdelegation zu implementieren.
js
// Make a list
const ul = document.createElement("ul");
document.body.appendChild(ul);
const li1 = document.createElement("li");
const li2 = document.createElement("li");
ul.appendChild(li1);
ul.appendChild(li2);
function hide(evt) {
// evt.target refers to the clicked <li> element
// This is different from evt.currentTarget, which would refer to the parent <ul> in this context
evt.target.style.visibility = "hidden";
}
// Attach the listener to the list
// It will fire when each <li> is clicked
ul.addEventListener("click", hide, false);
Spezifikationen
Specification |
---|
DOM Standard # ref-for-dom-event-target③ |
Browser-Kompatibilität
BCD tables only load in the browser