InputEvent:data 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

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

瀏覽器相容性