HTMLElement: autocorrect-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die autocorrect-Eigenschaft des HTMLElement-Interfaces steuert, ob die Autokorrektur für bearbeitbaren Text bei Rechtschreib- und/oder Zeichensetzungsfehlern aktiviert ist oder nicht.

Das spezifische Verhalten der Autokorrektur, einschließlich der Wörter, die ersetzt werden, hängt vom Nutzeragenten und den Diensten des zugrundeliegenden Geräts ab. Zum Beispiel könnte ein Nutzeragent auf macOS auf registrierten Ersatztext und Zeichensetzung zurückgreifen. Andere Geräte und Browser könnten einen anderen Ansatz verwenden.

Die Eigenschaft spiegelt den Wert des globalen HTML-Attributs autocorrect wider.

Wert

true, wenn die Autokorrektur für das Element aktiviert ist, und false andernfalls.

Beispiele

Autokorrektur aktivieren und deaktivieren

Dieses Beispiel zeigt, wie Sie die Autokorrektur aktivieren und deaktivieren können.

HTML

Das HTML-Markup definiert eine Umschaltfläche und ein <input>-Element vom type="search". Beachten Sie, dass die Autokorrektur, falls unterstützt, standardmäßig aktiviert ist.

html

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

<pre id="log"></pre>

#log {
  height: 100px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

JavaScript

Der Code überprüft zuerst, ob die autocorrect-Eigenschaft unterstützt wird, indem er prüft, ob sie im HTMLElement-Prototyp vorhanden ist. Wenn sie vorhanden ist, wird ein Klick-Handler hinzugefügt, der es Ihnen ermöglicht, den Wert umzuschalten. Wenn sie nicht vorhanden ist, versteckt die Benutzeroberfläche die interaktiven Elemente und protokolliert, dass autocorrect nicht unterstützt wird.

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");
}

Ergebnis

Aktivieren Sie die Schaltfläche, um den Wert der Autokorrektur umzuschalten. Geben Sie ungültigen Text in das Textfeld ein, wie zum Beispiel "Carot". Wenn die Autokorrektur aktiviert ist und die Implementierung das entsprechende Ersatzwort "carrot" hat, sollte der Text automatisch korrigiert werden.

Spezifikationen

Specification
HTML # dom-autocorrect

Browser-Kompatibilität

Siehe auch

autocapitalize globales HTML-Attribut