button \span ,的disabled属性使用

 

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点击动作触发的事件