JS事件对象7--滚轮事件(练习与复习)

鼠标滚轮事件综述：

onmousewheel：滚轮事件
//针对非火狐浏览器
	window.onmousewheel=function(e)
	{
       ev=e||window.event;
        //ev.wheelDelta:可以获得一个数值
       //向下滚动是正值
       //向上滚动是负值
	}
//火狐浏览器滚动方式
	window.addEventListener("DOMMousescroll",function(e){
		var ev=e||window.event；
		//ev.detail:可以获得一个数值
		//向下滚动是负值
	//向上滚动是正值
	},false);

火狐和非火狐浏览器的兼容写法
(1)（封装函数）：

//封装函数，返回滚轮是向上还是向下
function wheel(callback)
{
	//判断当前浏览器是否是火狐：
	var str=window.navigator.userAgent;
	//标记当前是向上还是向下
	var down=false;  //false;代表向上，true：代表向下
	if(str.indexOf("Firefox")!=-1)
		//值不为-1，则为火狐浏览器
	{
		window.addEventListener("DOMMousescroll",function(e)
		{
		var ev=e||window.event;
		if(ev.detail<0)
		{
			down=false;
		}
		else{down=true;}
		 callback(down);  //函数回调：将正确的结果返回给前面
	    },false);
	}
	else
	{
	   window.onmousewheel=function(e)
		{
              var ev=e||window.event;
            
              if(ev.wheelDelta<0)
              	{down=false;}
              else{down=true;}
              callback(down);  //函数回调：将正确的结果返回给前面
		}        
	  }
}

(2)上述封装函数调用形式：

wheel(function(value){
	if(value)
	{
		console.log("向上滚动");
	}
	else{console.log("向下滚动");
    }
    });