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>

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

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2024年7月5日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题