InputEvent.data

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.

Syntax

var aString = inputEvent.data;

Value

Examples

In the following example, an event listener receives the input event. Any textual change to the <input> element is retrieved by InputEvent.data 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: " + e.data;
});

Specifications

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

Browser compatibility

BCD tables only load in the browser