pointer-events:none禁用鼠标事件

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
}