InputEvent: свойство data

Чтение-только свойство data интерфейса InputEvent возвращает строку с вставленными символами. Это может быть пустая строка, если изменение не вставляет текст, например, при удалении символов.

Строка или null. В спецификации есть обзор значения в различных случаях: обзор.

В следующем примере обработчик событий получает событие input. Любое текстовое изменение элемента <input> извлекается InputEvent.data и вставляется в абзац с помощью свойства Node.textContent.

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

<input type="text" />

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

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

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