InputEvent: data-Eigenschaft
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
BCD tables only load in the browser