详解css3 pointer-events（阻止hover、active、onclick等触发事件来

pointer-events 更像是JavaScript，它能够：

• 阻止用户的点击动作产生任何效果

• 阻止缺省鼠标指针的显示

• 阻止CSS里的 hover 和 active 状态的变化触发事件

• 阻止JavaScript点击动作触发的事件

实际代码使用中案例：

1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交。 @camnpr

2、一些层的绝对定位，覆盖按钮，穿透可以点击它。等等。

来看下具体用法：

pointer-events:  auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit

pointer-events属性有很多值，但是对于浏览器来说，只有auto和non两个值可用，其它的几个是针对SVG的(本身这个属性就来自于SVG技术)。

@郑州网建

pointer-events属性值详解

• auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。

• none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。

• 其它属性值为SVG专用，这里不再多介绍了。

浏览器兼容性

Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera在SVG中支持。 但是 该属性HTML中 不支持 。

详解css3 pointer-events（阻止hover、active、onclick等触发事件来

原文地址：https://www.cnblogs.com/cangqinglang/p/11263336.html

• python是什么编程语言
• request的header
• 枚举类型enum字符文件读入
• div滚动条自动滚动到底部
• php可以控制css样式
• eclipse项目开发获取地图位置
• rewrite游戏下载安卓
• bootstrap登录模板
• origin页面加载不出来
• 诺基亚windows手机年份
• linux文件的保存
• linux查看上次启动时间
• ecshop编码问题
• ecshop卡密
• input里面能加字体图标吗
• 分页组件jquery
• python复制变量
• iphone6和iphone7
• cookie和session以及token的区别
• spring解决表单重复提交
• cookie和session的区别localstorage
• iphone合约机
• linux怎么装windows
• tcl电视开机直接sd卡视频
• getenv函数线程安全
• 宝塔安装不了phpmyadmin
• postfix可以用外部邮件发邮件吗
• 微软工具安装windows专业版
• linux监控录像软件
• linux清理缓存的方法
• linux查看硬件信息
• 降价iphone被倒卖
• linux根目录满了如何清理
• linux系统改时间的命令
• 库克谈iphone降价
• session和cookie生命周期php
• 华为不能用facebook
• ios13icloud在哪里
• iphone数据线拆解图
• 正版linux中兴新支点v3
• win10组策略编辑器
• linux系统分区教程
• oppo应用加密了怎么解
• linux一竖的用法
• linux虚拟显示屏软件
• linux内核怎样编译
• vertu手机官网报价
• 库克回应中国区iphone降价
• iphone合约机选号码
• php中instanceof用法