HTMLElement: spellcheck プロパティ
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
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
関連情報
- HTML の
spellcheck
グローバル属性