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

当操作悬浮窗时,三个区域均被冷冻
前端随手记-html.div禁用点击事件_第1张图片
点击返回修改,三个区域解冻

你可能感兴趣的:(前端随手记-html.div禁用点击事件)