This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The data
read-only property of the 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).
Syntax
var aString = inputEvent.data;
Value
A DOMString
.
Examples
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; });
Specifications
Specification | Status | Comment |
---|---|---|
Input Events Level 2 The definition of 'data' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
data | Chrome Full support 60 | Edge Full support 79 | Firefox Full support 67 | IE No support No | Opera Full support 47 | Safari No support No | WebView Android Full support 60 | Chrome Android Full support 60 | Firefox Android Full support 67 | Opera Android Full support 44 | Safari iOS No support No | Samsung 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.