HTMLElement: spellcheck プロパティ

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.

spellcheckHTMLElement インターフェイスのプロパティで、スペルチェックのヒントを制御する論理値を表します。すべての HTML 要素で利用できますが、すべての要素に影響するわけではありません。

これは HTML の spellcheck グローバル属性を反映します。

論理値で、要素内のテキストコンテンツのスペルや文法を調べる場合は true、それ以外の場合は false です。

次の例は、スクリプトでスペルチェックのヒントを制御する方法を示しています。

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

なお、スペルや文法をチェックするには、ブラウザーで設定を有効にする必要があります。

仕様書

Specification
HTML Standard
# dom-spellcheck-dev

ブラウザーの互換性

BCD tables only load in the browser

関連情報