pointer-events的风格更像JavaScript,它能够:
- 阻止用户的点击动作产生任何效果
- 阻止缺省鼠标指针的显示
- 阻止CSS里的hover和active状态的变化触发事件
- 阻止JavaScript点击动作触发的事件
//可以定义一个css样式 任何进行封装
.disabled { pointer-events: none; }
function $id(domid){
var obj = document.getElementById(domid);
obj.disable = function () {
this.style["pointer-events"] = "none";
}
obj.enable = function () {
this.style["pointer-events"] = "auto";
}
return obj;
}
$id("div中的id").disable();
$id("div中的id").disable();
彩蛋
function $id(id) {
return typeof id === "string" ? document.getElementById(id) : id;
}