如何弹出遮罩层屏蔽页面所有操作

这次项目中需要使用在弹出窗口时使用遮罩层来屏蔽页面上其他的操作,所以参考资料写了一个可复用的:

 

		BRMMS = {},BRMMS.BackDiv = {};
		/**弹出一个底部的层遮住页面,禁止用户进行当前层外的其他操作
		 */
		BRMMS.BackDiv.popBackDiv=function(){						
			var bWidth=parseInt(document.documentElement.scrollWidth);  
 			var bHeight=parseInt(document.documentElement.scrollHeight);  
			var isIe=(document.all)?true:false;
			var back=document.createElement("div");  
 			back.id="back";  
 			var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;z-index:1;";  
 			styleStr+=(isIe)?"filter:alpha(opacity=1);":"opacity:0.01;";  
 			back.style.cssText=styleStr;  
 			document.body.appendChild(back);  
		} 
		
		/**去掉底部的层
		 */
		BRMMS.BackDiv.delBackDiv=function(){
			if(document.getElementById('back')!=null)  
 			{  
 				document.getElementById('back').parentNode.removeChild(document.getElementById('back'));  
 			};
		}
		
		/**将底部的层设置为当前页面大小
		 */
		BRMMS.BackDiv.resizeBackDiv=function(){
			var back= document.getElementById('back');
			if(back!=null){
				back.style.width  =""+parseInt(document.documentElement.scrollWidth)+"px";
				back.style.height =""+parseInt(document.documentElement.scrollHeight)+"px";	  
 			}
		}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值