闲话少说。前端 鼠标滚轮事件
直接贴代码
-function(){
/*鼠标滚轮事件 120 -120 */
document.body.onmousewheel = function(event) {
event = event || window.event;
if(event.wheelDelta>0) {
/*上滚*/
console.log(event.wheelDelta)
}else{
/*下滚*/
console.log(event.wheelDelta)
}
};
/*
*兼容火狐浏览器
* 火狐浏览器没有wheelDelta 属性 取而代之的是 detail
* 输出的值也不同 3 -3
* */
document.body.addEventListener("DOMMouseScroll", function(event) {
if (event.detail < 0) {
console.log(event.detail)
} else {
console.log(event.detail)
}
});
}();