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>

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

BCD tables only load in the browser