当前位置： 移动技术网 > IT编程>网页制作>CSS > 实现a标签按钮完全禁用【转】

实现a标签按钮完全禁用【转】

2020年04月12日  | 移动技术网IT编程  | 我要评论

最近在开发时遇见一个问题

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

转换一下思维，设置disabled属性的元素表现为不能点击、无法获得光标焦点，那么我们不用disabled属性实际上也可以达到同样的效果！

方法一：移除点击事件click或touchend

我们可以直接使用jquery：unbind()或者js：removeeventlistener()移除点击事件

方法二：给a标签设置css属性pointer-events:none

pointer-events:none是css3中的属性，表示禁用鼠标事件，这样实际上也是将click事件去掉了！

方法三：移除a标签的href属性

我们可以使用jquery：removerattr()或者js：removeattribute()移除a标签的href属性

文章转自：http://www.bubuko.com/infodetail-3261548.html

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网