这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
data
只读特性在
InputEvent
interface returns a
DOMString
with the inserted characters. This may be an empty string if the change doesn't insert text (such as when deleting characters, for example).
var aString = inputEvent.data;
A
DOMString
.
In the following simple example we've set up an event listener on the
input
event so that when any change is made to the contents of the
<input>
element (either by typing or pasting), the text that was added is retrieved via the InputEvent.data property and reported in the paragraph below the 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;
});
| 规范 | 状态 | 注释 |
|---|---|---|
|
Input Events Level 2
The definition of 'data' in that specification. |
工作草案 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
data
|
Chrome 60 | Edge 79 | Firefox 67 | IE 不支持 No | Opera 47 | Safari 不支持 No | WebView Android 60 | Chrome Android 60 | Firefox Android 67 | Opera Android 44 | Safari iOS 不支持 No | Samsung Internet Android 8.0 |
完整支持
不支持
实验。期望将来行为有所改变。