InputEvent: метод getTargetRanges()

Метод getTargetRanges() интерфейса InputEvent возвращает массив объектов StaticRange, которые будут затронуты изменениями в DOM, если событие ввода не отменено.

Это позволяет веб-приложениям переопределять поведение редактирования текста перед модификацией браузером дерева DOM и обеспечивает больший контроль над событиями ввода для повышения производительности.

В зависимости от значения inputType и текущего хоста редактирования, ожидаемое значение возврата этого метода меняется:

Нет.

Массив объектов StaticRange.

Следующая функция возвращает true, если beforeinput, а значит и getTargetRanges, поддерживается.

function isBeforeInputEventAvailable() {
  return (
    window.InputEvent &&
    typeof InputEvent.prototype.getTargetRanges === "function"
  );
}

В следующем примере выбирается элемент contenteditable и используется событие beforeinput для регистрации результата getTargetRanges().

const editableElem = document.querySelector('[contenteditable="true"]');

editableElem.addEventListener("beforeinput", (e) => {
  const targetRanges = e.getTargetRanges();
  console.log(targetRanges);
});