您现在的位置:首页 >> 前端 >> 内容

遮蔽元素和去除遮蔽

时间:2017/6/29 10:10:00 点击:

  核心提示:遮蔽元素和去除遮蔽元素点击后或其他事件执行后,需要暂时处于无法点击的状态,此时可以对元素进行遮蔽,等之后想要重新可以触发事件,对元素去除遮蔽。遮蔽和去除遮蔽/*** 屏蔽元素,行内元素* @param...

遮蔽元素和去除遮蔽

元素点击后或其他事件执行后,需要暂时处于无法点击的状态,此时可以对元素进行遮蔽,等之后想要重新可以触发事件,对元素去除遮蔽。

遮蔽和去除遮蔽

      /** 
 * 屏蔽元素,行内元素 
 * @param dom:jquery dom,如:$('#abc'); 
 * 适用于单个元素,属性为inline-block 
 *  
 * */  
function maskAddInlineBlock(dom){  
    var $dom = dom;  
    var hasMask = $dom.parent().find('.js_maskoff_bg');  
    if(hasMask.length==0){  
        var pHtml = '<p class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0.5; filter: alpha(opacity=50);"> </p>';   
        $dom.wrap('<span style="display:inline-block;position: relative;"></span>');   
        $dom.parent().append(pHtml);   
    }  
};  
  
/** 
 * 屏蔽元素,块级元素 
 * @param dom:jquery dom,如:$('#abc'); 
 * 适用于单个元素,属性为block 
 *  
 * */  
function maskAddBlock(dom){  
    var $dom = dom;  
    var hasMask = $dom.parent().find('.js_maskoff_bg');  
    if(hasMask.length==0){  
        var pHtml = '<p class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);"> </p>';   
        $dom.wrap('<span style="display:block;position: relative;"></span>');   
        $dom.parent().append(pHtml);   
    }  
};  
  
/** 
 * 解除屏蔽元素 
 * @param dom:jquery dom,如:$('#abc'); 
 *  
 * */  
function maskRemove(dom){  
    var $dom = dom;  
    var hasMask = $dom.parent().find('.js_maskoff_bg');  
    if(hasMask.length>0){  
        hasMask.remove();  
        $dom.unwrap();  
    }  
};  

作者:网络 来源:m0_3764901