css – 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件）

介绍

我们知道a标签是没有disabled属性的，那么我们该如何实现a标签按钮的禁用呢？

方法一（推荐）

给a标签设置 “禁用” 属性，如下代码所示：

<a style="pointer-events:none" @click="xx()">

这样 @click 点击事件就不会触发了。

方法二

使用 jquery：removerAttr() 或者 JS：removeAttribute() 移除 a 标签的 href 属性。

方法三

使用 jquery：unbind() 或者 JS：removeEventListener() 移除点击事件。

其他

如果想禁用a标签，如下，class调用disabled就可以了

<style>
   a.disabled {
        style="color:rgb(98 189 255)">pointer-events: none;
        style="color:rgb(255 211 0)">filter: alpha(style="color:rgb(253 97 106)">opacity=50); /*IE滤镜，透明度50%*/
        style="color:rgb(98 189 255)">-moz-style="color:rgb(253 97 106)">opacity: 0.5; /*Firefox私有，透明度50%*/
        style="color:rgb(253 97 106)">opacity: 0.5; /*其他，透明度50%*/
    }
</style>