InputEvent: data-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Die data-Eigenschaft der schreibgeschützten InputEvent-Schnittstelle gibt einen String mit eingefügten Zeichen zurück. Dies kann ein leerer String sein, wenn die Änderung keinen Text einfügt, wie z.B. beim Löschen von Zeichen.

Wert

Ein String oder null. Die Spezifikation hat einen Überblick über seinen Wert in verschiedenen Fällen.

Beispiele

Im folgenden Beispiel empfängt ein Ereignis-Listener das input-Ereignis. Jede textuelle Änderung an dem <input>-Element wird durch InputEvent.data abgerufen und mit der Node.textContent-Eigenschaft in einen Absatz eingefügt.

html
<p>Some text to copy and paste.</p>

<input type="text" />

<p class="result"></p>
js
const editable = document.querySelector("input");
const result = document.querySelector(".result");

editable.addEventListener("input", (e) => {
  result.textContent = `Inputted text: ${e.data}`;
});

Spezifikationen

Specification
Input Events Level 2
# dfn-data

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
data

Legend

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

Full support
Full support