css取消事件的属性

发表于 更新于 分类于 阅读次数：

方法

1
pointer-events:none;

当pointer-events属性值为none时，元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

例子

1
2
3
4
5
6
<a href="www.baidu.com">链接</a>

// css
a{
    pointer-events:none
}

点击a标签将不会跳转地址

注意

  • 当pointer-evnets:none时，css属性cursor（鼠标样式）也会失效。
  • pointer-events的属性值中除了none和auto，其他的都只适用于svg

兼容性

浏览器 最低兼容的版本
IE 11
Chrome 4
Edge 12
Firefox 3.6
Opera 15
Safari 4
移动端浏览器 都兼容
相关博客