The data read-only property of the InputEvent interface returns a DOMString with inserted characters. This may be an empty string if the change doesn't insert text, such as when characters are deleted.


var aString =;


A DOMString.


In the following example, an event listener receives the input event. Any textual change to the <input> element is retrieved by and inserted into a paragraph using the Node.textContent property.

<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: " +;


Specification Status Comment
Input Events Level 2
The definition of 'data' in that specification.
Working Draft Initial definition.

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
dataChrome 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


Full support  
Full support
No support  
No support