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.

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
data
Experimental
Chrome Full support 60Edge Full support 79Firefox Full support 67IE No support NoOpera Full support 47Safari No support NoWebView Android Full support 60Chrome Android Full support 60Firefox Android Full support 67Opera Android Full support 44Safari iOS No support NoSamsung Internet Android Full support 8.0

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.