网网站开发站制作公司,常熟网站建设公司,电脑微信公众号登录入口,推广微信号判断鼠标滚轮是向上或向下滚动#xff0c;不同的浏览器的判别方式是不一样的#xff0c;当前比较流行的浏览器有 IE#xff0c;Opera#xff0c;Safari#xff0c;Firefox#xff0c;Chrome#xff0c;在这个问题上Firefox和其他浏览器的实现方式是不一样的。现在通过一…判断鼠标滚轮是向上或向下滚动不同的浏览器的判别方式是不一样的当前比较流行的浏览器有 IEOperaSafariFirefoxChrome在这个问题上Firefox和其他浏览器的实现方式是不一样的。现在通过一个具体的示例来分析这个问题吧示例代码如下滚动值:(IE/Opera)滚动值:(Firefox)/*注册事件*/if(document.addEventListener){document.addEventListener(DOMMouseScroll,scrollFunc,false);}//W3Cwindow.onmousewheeldocument.onmousewheelscrollFunc;//IE/Opera/Chromevar scrollFuncfunction(e){ee || window.event;var t1document.getElementById(wheelDelta);var t2document.getElementById(detail);if(e.wheelDelta){//如果是IE/Opera/Chrome浏览器t1.valuee.wheelDelta;}else if(e.detail){//如果是Firefox浏览器t2.valuee.detail;}}通过运行上述代码我们可以看到在 Firefox 中使用detail其余浏览器使用的是wheelDelta两者虽在取值上不一致但实际意思是一样的detail与wheelDelta只各取两个值detail只取±3wheelDelta只取±120其中正数表示为向上负数表示向下。在非firefox浏览器中滚轮向上滚动返回的数值是120向下滚动返回-120而在firefox浏览器中滚轮向上滚动返回的数值是-3向下滚动返回3代码部分如下e.wheelDelta是判断是否为非firefox浏览器e.detail判别为是firefox浏览器if(e.wheelDelta){//IE/Opera/Chromet1.valuee.wheelDelta;}else if(e.detail){//Firefoxt2.valuee.detail;}
