首页 > 编程开发 > JavaScript    日期:2020-04-20 / 来自互联网 / 浏览

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

我们知道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属性

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章