Event: target-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte target-Eigenschaft des Event-Interfaces ist eine Referenz auf das Objekt, auf das das Ereignis gesendet wurde. Sie unterscheidet sich von Event.currentTarget, wenn der Ereignishandler während der Bubbling- oder Capturing-Phase des Ereignisses aufgerufen wird.
Wert
Das zugeordnete EventTarget.
Beispiel
Die event.target-Eigenschaft kann verwendet 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);
Spezifikationen
| Specification |
|---|
| DOM # ref-for-dom-event-target③ |
Browser-Kompatibilität
Loading…