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 zum Rechtschreibprüfen steuert. Sie ist bei allen HTML-Elementen verfügbar, beeinflusst jedoch nicht alle von ihnen.

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 überprüft werden können, andernfalls false.

Beispiele

Das folgende Beispiel zeigt, wie der Hinweis zum Rechtschreibprüfen über ein Skript gesteuert werden kann:

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 aktivieren müssen, um Rechtschreibung und Grammatik zu überprüfen.

Spezifikationen

Specification
HTML
# dom-spellcheck-dev

Browser-Kompatibilität

Siehe auch