码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-11 18:51:22      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:设置   end   int   焦点   point   att   点击事件   css   poi   

前言

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

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

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

方法一:移除点击事件clicktouchend

我们可以直接使用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

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

标签:设置   end   int   焦点   point   att   点击事件   css   poi   

原文地址:https://www.cnblogs.com/KillBugMe/p/12681160.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!