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 ⁨2015年7月⁩.

spellcheck は HTMLElement インターフェイスのプロパティで、スペルチェックのヒントを制御する論理値を表します。すべての 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

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

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