CSS - pointer-events
概要
| 属性名 | pointer-events |
|---|---|
| 値 | auto | nonde |
| 初期値 | auto |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| サポート | https://caniuse.com/pointer-events |
説明
要素で click や mouseover などのイベントが発生しないようにします。
- auto
- ブラウザのデフォルト動作にまかせます。デフォルト値です。
- none
- イベントが発生しないようにします。
使用例
CSS
.my-pointer-events-test {
pointer-events: none;
}
HTML
<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
Copyright (C) 2025 杜甫々
初版：2025年2月2日、最終更新：2025年2月2日
https://www.tohoho-web.com/css/prop/pointer-events.htm