pointer-events:none禁用鼠标事件

_kyle

发布于 2020-09-16 10:48:32

1.1K0

发布于 2020-09-16 10:48:32

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

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

.pointer-none{
    pointer-events:none
}

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

<a class="pointer-none">简书</a>

.pointer-none{
    pointer-events:none
}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度