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 September 2021.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

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.

// 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

Siehe auch

Ereignisbubbling