0


css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)

介绍

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

方法一(推荐)

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

<astyle="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>
标签: css javascript 前端

本文转载自: https://blog.csdn.net/weixin_50545213/article/details/128903708
版权归原作者 王佳斌. 所有, 如有侵权,请联系我们删除。

“css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)”的评论:

还没有评论