InputEvent：data 属性

data 是 InputEvent 接口的只读属性，它返回一个包含插入字符的字符串。如果更改没有插入文本，例如删除字符，则此字符串可能为空字符串。

值

字符串或 null。规范中提供了 概述，介绍了它在各种情况下的值。

示例

在以下示例中，事件监听器接收 input 事件。对 <input> 元素的任何文本更改都将通过 InputEvent.data 获取，并使用 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

浏览器兼容性

BCD 表格仅在浏览器中加载