InputEvent: data-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| Input Events Level 2 # dfn-data |