ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA
HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
spellcheckでスペルチェック無効化（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 19日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 19 日目 今日は spellcheck です。スペルチェックするしないの制御をします。 spellcheck – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/eYGRzVo 基本的な使い方 HTML に spellcheck="true" みたいに書きます。グローバル属性といってあらゆる HTML 要素で利用可能です。 <div spellcheck="true">Check!</div> <div spellcheck>Also check!</div> <div spellcheck="false">No check!</div> 値は文字列で "true" 、 "false" あるいは空 "" を取ります。空
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
