鼠标滚轮事件

/*
 鼠标滚轮事件
 ie/chrome:onmousewheel
 	ev.wheelDelta
 		上:120
 		下:-120
 firefox : DOMMouseScroll 必须用addEventListener
 		ev.detail
 		上:-3
 		下:3
 		
 return false阻止的是 obj.on事件名称=fn 所触发的默认行为
 addEventListener绑定的事件需要通过event下面的preventDefault();
 * */
	
var oDiv=document.getElementById("box");

//ie/chrome
oDiv.onmousewheel=fn;

//firefox
if(oDiv.addEventListener){
	oDiv.addEventListener('DOMMouseScroll',fn,false);
}

function fn(ev){
	var ev=ev||event;
	
	var b="";
	
	//鼠标滚轮向上滚动为true,向下滚动为false
	if(ev.wheelDelta){
		b=ev.wheelDelta>0?true:false;
	}else{
		b=ev.detail<0?true:false;
	}
	
	if(b){
		this.style.height=this.offsetHeight-10+"px";
	}else{
		this.style.height=this.offsetHeight+10+"px";
	}
	
	//清除默认事件
	
	if(ev.preventDefault){
		ev.preventDefault();
	}
	return false;
}

  

posted @ 2018-01-02 10:28  carol72  阅读(107)  评论(0编辑  收藏  举报