元素点击后或其他事件执行后,需要暂时处于无法点击的状态,此时可以对元素进行遮蔽,
等之后想要重新可以触发事件,对元素去除遮蔽。
遮蔽和去除遮蔽
/**
* 屏蔽元素,行内元素
* @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 divHtml = '<div class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0.5; filter: alpha(opacity=50);"> </div>';
$dom.wrap('<span style="display:inline-block;position: relative;"></span>');
$dom.parent().append(divHtml);
}
};
/**
* 屏蔽元素,块级元素
* @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 divHtml = '<div class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);"> </div>';
$dom.wrap('<span style="display:block;position: relative;"></span>');
$dom.parent().append(divHtml);
}
};
/**
* 解除屏蔽元素
* @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();
}
};