js中事件加载完成之前添加蒙版

在js中，一般测试的时候会出现，连续几次点击一个事件，这时可能会出现多次加载，所以需要一个蒙版来控制，

实现机制是：点击一次之后，数据加载完全之前不允许点击，并且多次点击时无反应；

不多说，直接上代码：

		//遮罩层
	 	function cover() { 
		    var cover = document.getElementById("loadingtree"); 
		    cover.style.display = 'block'; 
		} 

		function hide_cover() { 
		    var cover = document.getElementById("loadingtree"); 
		    cover.style.display = 'none'; 
		} 

其中loadingtree，是在html中设定的蒙版<div>的id，用于获取这个div

ajax加载数据：

function getData(){
cover(); //开始加载遮罩层（正在加载中...）
//后台取数据
$.ajax({
	type : "post",
	dataType : "json",
	url : '方法名',
	success : function(data) {
		//加载成功数据不为空时
		 if(null != data){
			 hide_cover();//得到数据之后，关闭遮罩加载中...
			 for(var m=0;m<data.length;m++){
				获取数据并处理
			}
		} 
	},
	error : function(XMLHttpRequest, textStatus, errorThrown) {
		//异常时的处理
	}
});
}

仅供参考