【HTML/CSS】ポインターの無効化

CSSでpointer-eventsを指定する。

pointer-events - CSS: カスケーディングスタイルシート | MDN
pointer-events は CSS のプロパティで、特定のグラフィック要素がポインターイベントの対象になる可能性のある環境(存在する場合)を設定します。

無効化する場合はnone

See the Pen pointer-event-none by sola (@sola-the-sasster) on CodePen.

親要素で無効化している状態で子要素にpointer-eventsnone以外)を設定することにより、子要素側をイベントのターゲットにすることもできる。

コメント

タイトルとURLをコピーしました