实现a标签按钮完全禁用【转】
程序员文章站
2022-03-10 16:21:55
前言 最近在开发时遇见一个问题 我们知道a标签是没有 属性的,那么如何实现a标签按钮的禁用呢? 转换一下思维,设置 属性的元素表现为不能点击、无法获得光标焦点,那么我们不用 属性实际上也可以达到同样的效果! 方法一:移除点击事件 或`touchend` 我们可以直接使用jquery:unbind() ......
最近在开发时遇见一个问题
我们知道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
上一篇: Javascript获取GET参数
下一篇: 数组中的冒泡排序与选择排序算法介绍