W3cubDocs

/Web APIs

InputEvent: data property

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

Value

A string.

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.

html

<p>Some text to copy and paste.</p>

<input type="text" />

<p class="result"></p>

js

const editable = document.querySelector("input");
const result = document.querySelector(".result");

editable.addEventListener("input", (e) => {
  result.textContent = `Inputted text: ${e.data}`;
});

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
data 60 79 67 No 47 10.1 60 60 67 44 10.3 8.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/data