CSS - pointer-events

• トップ
• CSSリファレンス
• pointer-events

概要

説明

要素で click や mouseover などのイベントが発生しないようにします。

auto

ブラウザのデフォルト動作にまかせます。デフォルト値です。

none

イベントが発生しないようにします。

使用例

.my-pointer-events-test {
  pointer-events: none;
}

<div class="my-pointer-events-test">クリックしてもイベントが発生しません。</div>

リンク

• https://drafts.csswg.org/css-ui/#pointer-events-control
• https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events
• https://caniuse.com/pointer-events