浅谈pointer-events属性是啥?如何使用?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浅谈pointer-events属性是啥?如何使用?相关的知识,希望对你有一定的参考价值。

参考技术A pointer-events :CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target 权威解释 。
简单讲 pointer-events 属性是一个指针属性,是用于控制在什么条件下特定的图形元素可以成为指针事件的目标。

pointer-events 属性有很多值,但是对于浏览器来说,适用于 html 元素的只有 三个值 ,其它的几个值都是针对 SVG元素 的(本身这个属性就来自于SVG技术,是一个SVG属性,并未在任何CSS规范中定义)。

首先看下适用于 HTML 元素的三个值:

主要是解决了 elementui el-table 前边固定列会遮挡住滚动条 ,左右无法拖动

以上两个方案显然都不是最理想的,于是想到了方案 3

以上是关于浅谈pointer-events属性是啥?如何使用?的主要内容,如果未能解决你的问题,请参考以下文章

pointer-events属性

你不知道的pointer-events属性

pointer-events: none 的两个应用场景

CSS3中的pointer-events

使用canvas时如何不影响点击页面的元素又不影响效果的展现

CSS3 pointer-events(阻止hover、active、onclick等触发事件)