diff --git a/files/ja/web/api/htmlelement/spellcheck/index.md b/files/ja/web/api/htmlelement/spellcheck/index.md new file mode 100644 index 00000000000000..d2f9fd5c18b217 --- /dev/null +++ b/files/ja/web/api/htmlelement/spellcheck/index.md @@ -0,0 +1,62 @@ +--- +title: "HTMLElement: spellcheck プロパティ" +short-title: spellcheck +slug: Web/API/HTMLElement/spellcheck +l10n: + sourceCommit: b39037d337dc89b86229e862f2f3f1e66000d281 +--- + +{{APIRef("HTML DOM")}} + +**`spellcheck`** は {{domxref("HTMLElement")}} インターフェイスのプロパティで、[スペルチェック](/ja/docs/Web/HTML/Global_attributes/spellcheck)のヒントを制御する論理値を表します。すべての HTML 要素で利用できますが、すべての要素に影響するわけではありません。 + +これは HTML の [`spellcheck`](/ja/docs/Web/HTML/Global_attributes/spellcheck) グローバル属性を反映します。 + +## 値 + +論理値で、要素内のテキストコンテンツのスペルや文法を調べる場合は `true`、それ以外の場合は `false` です。 + +## 例 + +次の例は、スクリプトで[スペルチェック](/ja/docs/Web/HTML/Global_attributes/spellcheck)のヒントを制御する方法を示しています。 + +```html +
+ The spelling and grammar may be checked: + test +
+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: "; + } +}); +``` + +{{EmbedLiveSample('Examples', 600, 200)}} + +なお、スペルや文法をチェックするには、ブラウザーで設定を有効にする必要があります。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- HTML の [`spellcheck`](/ja/docs/Web/HTML/Global_attributes#spellcheck) グローバル属性