css 禁止点击-标签不可点击_CSS控制鼠标点击风暴（指针事件）

pointer-events是CSS3的一个属性，支持很多值，其中大部分与SVG相关。 对于后端的日常开发来说，只要知道none的价值，就足够我们玩一会了。 指针事件：无；

意思是禁用键盘风暴（链接、点击等）。常见场合：获取验证码

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

最后，你不能再在2秒内点击发送二维码请求。

第一次点击“发送验证码”按钮时，控制台上有输出。 点击后，按钮上添加了pointer-events: none;css 禁止点击，然后就不起作用了，键盘也不会变成“一只手”。

除此之外，pointer-events: none; 还可以严格禁止标签的页面跳转。

当心：

当pointer-events的值为none时css 禁止点击，如果元素是绝对定位的，则可以选择其下方的元素。 指针事件：无； 它仅用于禁用键盘事件，其他方法绑定的事件仍然会被触发，例如按钮事件。 如果将某个元素的子元素pointer-events设置为其他值（例如：auto），那么当子元素被点击时，父元素的storm仍然会被storm冒泡触发。