javascript 事件绑定及深入(三)


//跨浏览器添加事件
function addEvent(obj,type,fn){
	if(obj.addEventListener){
		obj.addEventListener(type,fn,false);
	}else if(obj.attachEvent){
		obj.attachEvent("on" + type, fn)
	}
}

//跨浏览器移除事件
function removeEvent(obj,type,fn){
	if(obj.removeEventListenr){
		obj.removeEventListenr(type,fn,false);
	}else if(obj.detachEvent){
		obj.detachEvent("on" + type,fn);
	}
}


addEevent(window,"load",function(){
	var box = document.getElementById("box");
	
	//W3C的mouseover,mouseout
	
	//addEvent(box,"mouseover",function(evt){
	//	alert(evt.relatedTarget);           //得到移入box最近的哪个DOM对象
	//});
	
	//addEvent(box,"mouseout",function(evt){  //从box移出那个最近的DOM对象
	//	alert(evt.relatedTarget);
	
	//});
	
	
	//addEvent(box,"mouseover",function(){
	//	alert(window.event.fromElement.tagName);       //得到移入box最近的哪个DOM对象
	
	//});
	
	//addEvent(box,"mouseout",function(){
	//	alert(window.event.toElement.tagName);         //从box移出最近的哪个DOM对象
	
	//});
	
	addEvent(box,"mouseover",function(evt){
		alert(getTarget(evt));
	
	});
});
function getTarget(evt){
	var e = evt || window.event;
		if(e.type == "mouseover"){
			return e.fromElement.tagName;
		}else if(e.type == "mouseout"){
			return e.toElement.tagName;
		}
	if(e.srcElement){ //IE
		
	}else if(e.relatedTarget){ //W3C
		return e.relatedTarget;
	}

}

addEvent(window,"load",function(){
	var text = document.getElementById("text");
	addEvent(text,"contextmenu",function(evt){
		
		preDef(evt);
		
		var menu = document.getElementById("menu");
		
		var e = evt || window.event;
		
		menu.style.left = e.clientX + "px";
		menu.style.top = e.clientY + "px";
		menu.style.display = "block";
		
		addEvent(document,"click",function(){
			menu.style.display = "none";
		});
	
	});
}); 

addEvent(window,"load",function(){
	var link = document.getElementsByTagName("a")[0];
	//link.onclick = function(){
	

	//	return false;
	//	alert("Lee");
	//}; 
	
	addEvent(link,"click",function(evt){
	
		//preDef(evt);   //阻止默认行为
	});
	
	
	//PS:return false 不好的原因,必须在最后,导致可能根本无法阻止默认行为
	//PS:最好是放在最前
	//PS:放在最前之后 后面的代码又无法执行

});

addEvent(window,"beforeunload",function(evt){
	preDef(evt);

});





function preDef(evt){
	var e = evt || window.event;
	if(e.preventDefault){
		e.preventDefault();
	}else{
		e.returnValue = false;
	}
}

addEvent(document,"mousewheel",function(evt){
	alert(WD(evt));

});

addEvent(document,"DOMMouseScroll",function(evt){
	alert(WD(evt));
}); 




function WD(evt){
	var e = evt || window.event;
	if(e.wheelDelta){
		return e.wheelDelta;
	}else if(evt.detail){
		return -evt.detail * 30;
	}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值