HTMLElement: свойство autocorrect

Свойство autocorrect интерфейса HTMLElement управляет включением/выключением автокоррекции редактируемого текста для орфографических и/или пунктуационных ошибок.

Конкретное поведение автокоррекции, включая заменяемые слова, зависит от пользовательского агента и сервисов, предоставляемых базовым устройством. Например, в macOS пользовательский агент может использовать зарегистрированный заменяемый текст и пунктуацию. Другие устройства и браузеры могут использовать другой подход.

Свойство отражает значение HTML-глобального атрибута autocorrect.

true если автокоррекция включена для элемента, и false в противном случае.

В этом примере показано, как включить и отключить автокоррекцию.

HTML

HTML-разметка определяет переключатель и элемент <input> типа type="search". Обратите внимание, что при поддержке автокоррекции она будет включена по умолчанию.

<button id="toggleAutocorrect"></button>
<input type="search" id="searchinput" />

JavaScript

Код сначала проверяет, поддерживается ли autocorrect, проверяя, присутствует ли оно в прототипе HTMLElement. Если оно присутствует, добавляется обработчик клика, позволяющий переключать значение. Если оно отсутствует, интерфейс скрывает интерактивные элементы и записывает, что autocorrect не поддерживается.

const toggleButton = document.querySelector("button");
const searchInput = document.querySelector("#searchinput");

function setButtonText() {
  toggleButton.textContent = searchInput.autocorrect ? "Enabled" : "Disabled";
  log(`autocorrect: ${searchInput.autocorrect}`);
}

if (`autocorrect` in HTMLElement.prototype) {
  setButtonText();

  toggleButton.addEventListener("click", (e) => {
    searchInput.autocorrect = !searchInput.autocorrect;
    setButtonText();
  });
} else {
  toggleButton.hidden = true;
  searchInput.hidden = true;
  log("autocorrect not supported");
}

Результат

Активируйте кнопку, чтобы переключить значение autocorrect. Введите некорректный текст в текстовое поле, например, "Carot". При включенной автокоррекции и наличии соответствующего заменяемого слова "carrot", текст должен автоматически исправляться.

• autocapitalize HTML-глобальный атрибут