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 July 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 ausgelöst wurde. Sie unterscheidet sich von Event.currentTarget, wenn der Ereignishandler während der Bubbling- oder Capturing-Phase des Ereignisses aufgerufen wird.

Wert

Das zugehörige 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, false);

Spezifikationen

Specification
DOM
# ref-for-dom-event-target③

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
target

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch