本文介绍如何使用CSS的pointer-events属性禁用HTML元素的点击事件，特别针对a和p标签。通过设置pointer-events为none，可以阻止鼠标事件在元素上的触发，同时需要手动更改样式以显示禁用状态。此属性在Firefox3.6+、Chrome2.0+、Safari4.0+等现代浏览器中支持，但在IE6-9中不被支持。
a、p等标签没有disabled属性，那么当我们想禁用标签的点击事件的时候按照下面方法设置。
下面是html代码：
<a id="entry” class="entry">进入</a>
js代码如下：
$("#entry").css("pointer-events","none");
这样就可以将标签设成不可点击状态了。不过虽然是不可点击状态，当a标签任然是蓝色，所以要人为的给他添加上灰色字体。
下面讲讲 pointer-events 属性：
值为auto的时候：效果和没有定义pointer-events属性相同；鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
值为none的时候：元素不在是鼠标事件的目标，鼠标不在监听当前层而去监听下面的层中的元素。但是如果他的子元素设置了
pointer-events为其他值，如auto，鼠标还是会监听这个子元素的。
总的来说，这个属性能让标签disabled；某个元素添加了onclick事件，能让onclick失效。
浏览器兼容性：
firefox 3.6+ chrom 2.0+ safari 4.0+支持这个css3属性，IE6/7/8/9不支持，11支持。
在a中添加disabled属性，在ie中点击a标签事件无效
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
