TextEvent

Интерфейс TextEvent — это устаревший интерфейс событий UI для отслеживания изменений в текстовых UI-элементах.

Этот интерфейс также наследует свойства от своего родительского UIEvent и косвенно от Event.

TextEvent.data Только для чтения Устаревшее

Указывает данные, связанные с событием.

TextEvent.initTextEvent() Устаревшее

Заполняет значения этого (нового) TextEvent заданными параметрами.

Ниже приведен список всех событий TextEvent:

• textinput

Вы можете зарегистрировать обработчик для событий ввода текста, используя EventTarget.addEventListener() следующим образом:

element.addEventListener(
  "textInput",
  (event) => {
    // …
  },
  false,
);

Этот пример прослушивает ряд событий, которые генерируются при вводе в поле, включая textInput. Тип события и данные события регистрируются, что позволяет увидеть, где textInput генерируется относительно других событий, таких как события, генерируемые нажатием клавиш.

HTML

<input placeholder="Enter some text" name="name" />

JavaScript

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

input.addEventListener("keypress", updateValue);
input.addEventListener("keyup", updateValue);
input.addEventListener("keydown", updateValue);
input.addEventListener("input", updateValue);
input.addEventListener("beforeinput", updateValue);
input.addEventListener("textInput", updateValue);

function updateValue(e) {
  log(`${e.type}: ${e.data}`);
}

Результат