InputEvent:data 屬性
InputEvent 介面的 **data** 只讀屬性返回一個包含插入字元的字串。如果更改未插入文字,例如刪除字元時,這可能是一個空字串。
值
一個字串或 null。規範對它在各種情況下的值有概述。
示例
在以下示例中,事件監聽器接收 input 事件。透過 InputEvent.data 檢索對 <input> 元素的任何文字更改,並使用 Node.textContent 屬性將其插入到一個段落中。
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}`;
});
規範
| 規範 |
|---|
| Input Events Level 2 # dfn-data |
瀏覽器相容性
載入中…