此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

InputEvent:data 属性

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年1月⁩.

InputEvent 接口中的只读属性 data 返回插入字符的字符串。如果更改未插入文本(例如删除字符时),则其可能为空字符串。

一个字符串。

示例

在下面的简单示例中,我们在 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 = `输入的文字:${e.data}`; }); 

规范

Specification
Input Events Level 2
# dfn-data

浏览器兼容性