setMask的实现

最新推荐文章于 2024-07-13 23:02:25 发布

原创最新推荐文章于 2024-07-13 23:02:25 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

前端基础专栏收录该内容

27 篇文章

订阅专栏

// 给任意dom设置一个蒙层，并使蒙层区域不可点击
function showmask(dom) {
    var domRect = dom.getBoundingClientRect(),
        domTop = domRect.top + window.pageYOffset,
        domLeft = domRect.left + window.pageXOffset;

    var maskDiv = document.createElement("div");

    maskDiv.style.width = domRect.width + "px";
    maskDiv.style.height = domRect.height + "px";
    maskDiv.style.top = domTop + "px";
    maskDiv.style.left = domLeft + "px";
    maskDiv.style.background = "#000";
    maskDiv.style.opacity = "0.5";
    maskDiv.style.position = "absolute";
    maskDiv.style.zIndex = 999;

    document.body.appendChild(maskDiv);
}