HTMLElement: spellcheck-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2017.

Die spellcheck-Eigenschaft des HTMLElement-Interfaces repräsentiert einen booleschen Wert, der den Hinweis zur Rechtschreibprüfung steuert. Sie ist auf allen HTML-Elementen verfügbar, obwohl sie nicht alle betrifft.

Sie spiegelt den Wert des globalen HTML-Attributs spellcheck wider.

Wert

Ein boolescher Wert, der true ist, wenn die Rechtschreibung und Grammatik des Textinhalts im Element geprüft werden können, ansonsten false.

Beispiele

Das folgende Beispiel zeigt, wie man den Hinweis zur Rechtschreibprüfung über ein Skript steuert:

html
<div>
  <span id="sc-label">The spelling and grammar may be checked: </span>
  <span id="sc-element" contenteditable="true" spellcheck="true">test</span>
</div>
<input id="sc-controller" type="checkbox" checked />Enable spelling and grammar
check
js
const label = document.getElementById("sc-label");
const element = document.getElementById("sc-element");
const controller = document.getElementById("sc-controller");

controller.addEventListener("change", (e) => {
  if (controller.checked) {
    element.spellcheck = true;
    label.innerText = "The spelling and grammar may be checked: ";
  } else {
    element.spellcheck = false;
    label.innerText = "The spelling and grammar may not be checked: ";
  }
});

Beachten Sie, dass Sie die Browsereinstellung zur Prüfung von Rechtschreibung und Grammatik aktivieren müssen.

Spezifikationen

Specification
HTML Standard
# dom-spellcheck-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch