在JavaScript中,有时候需要通过鼠标中间的滚轮去实现一些效果,所以这里就需要通过JavaScript去监听鼠标的滚轮事件
1.定义自己的function函数
function myWheel(e) {
if(e.wheelDelta > 0){//兼容IE,Opera,Chrome
console.log("向上滚动")
}else if(e.detail > 0){//兼容Firefox
console.log("向上滚动");
}else{
console.log("向下滚动");
}
}
2.添加监听事件
if (document.addEventListener) {
document.addEventListener("DOMMouseScroll", myWheel, false);
}//兼容火狐
document.onmousewheel = myWheel;//其他浏览器