[CSS] CSS控制鼠标单击事件（指针事件）

微信订阅号：Rabbit_svip

pointer-events是CSS3的属性，它支持许多值，其中大多数与SVG有关。对于前端的日常开发，只要我们了解无价值就可以玩一会儿。

指针事件：无；

这意味着使鼠标事件（链接，点击等）无效。

常见场合：获取验证码

微信订阅号：Rabbit_svip

为标签定义一个id =“ btn”，然后通过JS控制标签，单击以模拟发送验证码，然后让标签添加已定义的禁用样式。

您不能在上次设置后2秒内单击发送QR码请求。

微信订阅号：Rabbit_svip

您可以看到上图的效果。

首次单击“发送验证码”按钮时，控制台上将输出。单击后，该按钮将添加指针事件：none ;，然后再按一次将不起作用，并且鼠标不会位于该按钮上。成为“手”。

除时间外，指针事件：无；也可以禁止标签的页面跳转。

注意：

当pointer-events的值为none时，如果元素绝对定位，则可以选择其下方的元素。指针事件：无；仅是用于禁用鼠标的事件，仍将触发其他方法绑定的事件，例如键盘事件。如果将元素的子元素的指针事件设置为另一个值（例如：auto），则在单击子元素时，仍会以事件冒泡的形式触发父元素的事件。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-335166-1.html