前端随手记-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.实际操作

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

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