CSS/Style/pointer-events

CSS/Style/pointer-events

マウスの操作に対して対象がどのように振る舞うかを規定する

none

それがマウスの操作対象として存在しないのと同様な感じに振る舞う。

#hoge{
    pointer-events: none;
}

どのような場面で使うかというと、本来操作したいUI要素を装飾するためにまったく別要素(バブリングが利用できない)を上に被せて実装しないといけない場合。

まったく別要素なのでクリックしたとしてもそいつがイベントを奪ってしまって、下に伝わらないということになる。 ここで none 指定するとまったくなかったものとして要素を貫通するようになる。

css/style/pointer_events.txt · 最終更新: 2020-05-18 13:00 by ore