+
80
-

css的pointer-events: none有什么作用?

css的pointer-events: none有什么作用?


网友回复

+
0
-

pointer-events: none 顾名思义,就是鼠标事件的定义,他有10个值:

pointer-events:auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all

默认值:auto, auto:与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同

none:元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。其他值只能应用在SVG上。

应用场景

可作用于div使鼠标穿透,使该div对下层元素透明, 该div只用于展示。

 可直接透过该div对下层输入框进行输入。

对canvas展示有用, 否则canvas会遮挡下层元素输入

我知道答案,我要回答