InputEvent.data

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

Browser compatibility