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…