pointer-event的使用

143 阅读1分钟

pointer-event属性可以指定在什么情况下元素可以成为鼠标事件

任何元素设置pointer-event:none的效果相当于设置disabled 属性,可以实现事件的禁用


设置pointer-event:none
click me 这个链接,是点不了的,并且 hover 也没有效果,但是可以通过tab来选中该元素,并按下enter键来触发链接,当href属性去掉,就不能通过tab进行触发
使用 pointer-events 来阻止元素成为鼠标事件目标不一定意味着元素上的事件侦听器永远不会触发。如果元素后代明确指定了 pointer-events 属性并允许其成为鼠标事件的目标,那么指向该元素的任何事件在事件传播过程中都将通过父元素,并以适当的方式触发其上的事件侦听器。当然,位于父元素但不在后代元素上的鼠标活动都不会被父元素和后代元素捕获(鼠标活动将会穿过父元素而指向位于其下面的元素) PS:我也不知道为啥这里面就行