button标签disabled以后,click事件就无效了。而span标签disabled以后,click事件还是有效的!
span按钮disabled属性⽆效
span标签使⽤disabled属性没有效果,标签仍然可以被点击。
解决⽅案:
使⽤css属性pointer-events ,设置为none可以禁⽌点击事件:
span{
pointer-events:none;
}
恢复点击事件:
span{
pointer-events:auto;
}
pointer-events属性介绍
1、阻⽌⽤户的点击动作产⽣任何效果
2、阻⽌缺省⿏标指针的显⽰
3、阻⽌CSS⾥的 hover 和 active 状态的变化触发事件
4、阻⽌JavaScript点击动作触发的事件