InputEvent.data

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

请注意,data 属性在使用键盘输入时会返回输入的字符内容,但在粘贴、拖动时可能会返回 null,这取决于浏览器。浏览器也可能把一些数据保存在 InputEvent.dataTransfer,而不是该 data 属性中。

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

语法

var string = inputEvent.data;

返回值

一个 DOMString

示例

在下面的简单示例中,我们在 input 事件上设置了一个事件监听器,以便在对 <input> 元素的内容进行任何更改时(通过键入或粘贴),通过 InputEvent.data 属性检索添加的文本,并在 <input> 下面的段落中报告。

<p>Some text to copy and paste.</p>

<input type="text">

<p class="result"></p>
var editable = document.querySelector('input')
var result = document.querySelector('.result');

editable.addEventListener('input', (e) => {
  result.textContent = "Inputted text: " + e.data;
});

规范

Specification Status Comment
Input Events Level 2
data
Working Draft Initial definition.

浏览器兼容性

BCD tables only load in the browser