js 两种写法监听鼠标的滑动问题

监听鼠标的滚轮事件 通过onmousewheel（非火狐浏览器）

document.onmousewheel=function(e){ var e=e||window.event; // 非火狐浏览器下e.wheelDelta用来监听浏鼠标的滚轮方向，(window)中向上为正（120），向下为负（-120） if(e.wheelDelta<0){ console.log(e.wheelDelta); alert("向下滚动"); }else{ console.log(e.wheelDelta); alert("向上滚动"); }

通过addEventListener 监听鼠标的滚轮事件 (主要在火狐浏览器中)

document.addEventListener("DOMMouseScroll",function(e){ var e=e||window.event; // 火狐浏览器中使用e.detail对滚轮滚动方向做判断，向上为（-3），向下为（3） if (e.detail<0) { console.log(e.detail); alert("向上滚动"); }else{ console.log(e.detail); alert("向下滚动"); } },false);