前端随手记-html.div禁用点击事件

1.原理

css属性-该区域不能被点击

style="pointer-events: none;"

封装css属性：

/*冷冻div使其无法被点击*/.disable {pointer-events: none;}

jquery-控制div添加class和移除class

//选票时使其他区域不能被点击$("#people_informations").addClass("disable");$("#top_bg").addClass("disable");//修正时使其他区域可以被点击$("#people_informations").removeClass("disable");$("#top_bg").removeClass("disable");

2.实际操作

当操作悬浮窗时，三个区域均被冷冻

点击返回修改，三个区域解冻