HTMLElement: autocorrect-Eigenschaft
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Die autocorrect
-Eigenschaft des HTMLElement
Interface steuert, ob die Texteingabe des Benutzers automatisch auf Rechtschreib- und/oder Zeichensetzungsfehler korrigiert wird.
Die Eigenschaft spiegelt den Wert des globalen HTML-Attributs autocorrect
wider.
Wert
true
, wenn die Autokorrektur für das Element aktiviert ist, andernfalls false
.
Beispiele
Autokorrektur aktivieren und deaktivieren
Dieses Beispiel zeigt, wie Sie die Autokorrektur aktivieren und deaktivieren können.
HTML
Das HTML-Markup definiert eine Umschalttaste und ein <input>
-Element mit type="search"
.
Beachten Sie, dass die Autokorrektur, falls unterstützt, standardmäßig aktiviert ist.
<button id="toggleAutocorrect"></button>
<input type="search" id="searchinput" />
JavaScript
Der Code überprüft zunächst, ob autocorrect
unterstützt wird, indem geprüft wird, ob es im HTMLElement
-Prototyp vorhanden ist.
Falls vorhanden, wird ein Klick-Handler hinzugefügt, der Ihnen erlaubt, den Wert umzuschalten.
Falls es 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 Autokorrekturwert umzuschalten. Geben Sie ungültigen Text in das Textfeld ein, z.B. "Carot". Dies sollte automatisch korrigiert werden, wenn die Funktion aktiviert ist.
Spezifikationen
Specification |
---|
HTML Standard # dom-autocorrect |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- HTML-Globalattribut
autocapitalize