介绍
我们知道a标签是没有disabled属性的,那么我们该如何实现a标签按钮的禁用呢?
方法一(推荐)
给a标签设置 “禁用” 属性,如下代码所示:
<a style="pointer-events:none" @click="xx()">
这样 @click
点击事件就不会触发了。
方法二
使用 jquery:removerAttr() 或者 JS:removeAttribute() 移除 a 标签的 href 属性。
方法三
使用 jquery:unbind() 或者 JS:removeEventListener() 移除点击事件。文章来源:https://www.toymoban.com/news/detail-792181.html
其他
如果想禁用a标签,如下,class调用disabled就可以了文章来源地址https://www.toymoban.com/news/detail-792181.html
<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 - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!