监听鼠标的滚轮事件 通过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);