美文网首页
pointer-events:none禁用鼠标事件

pointer-events:none禁用鼠标事件

作者: 422ccfa02512 | 来源:发表于2020-09-14 11:11 被阅读0次

pointer-events:none

如下a标签通过pointer-events:none可以禁用鼠标事件。

<a class="pointer-none" href="https://www.jianshu.com">简书</a>
.pointer-none{
    pointer-events:none
}

去掉href

使用上面代码后元素仍然能够被选中,而且通过tab键选中元素以后点击回车能够触发页面的跳转,这时我们可以通过a标签不加herf属性用来禁用tab选中

<a class="pointer-none">简书</a>
.pointer-none{
    pointer-events:none
}

相关文章

网友评论

      本文标题:pointer-events:none禁用鼠标事件

      本文链接:https://www.haomeiwen.com/subject/flaaektx.html