/*
*param event.wheelDelta value : 120 (上) / -120 (下) 谷歌、IE、Opera
*param event.detail value : -3 (上) / 3 (下) 火狐
*/
function getWheelDelta(event) {
if (event.wheelDelta) {
return event.wheelDelta;
} else {

//取相反值 * 40 返回的数据和其他浏览器一致
return - event.detail * 40;
}
};

function handleMouseWheel(event) {

//IE 中 event是未定义的 所以会返回window.event
event = event || window.event;
var delta = getWheelDelta(event);
if (delta == 120) {
//do something...
alert('滑轮向上滚动');
} else if (delta == -120) {
//do something...
alert('滑轮向下滚动');
};
};

//谷歌、IE、Opera 浏览器 mousewheel 事件
document.addEventListener('mousewheel', handleMouseWheel, false);

//火狐自带的 DOMMouseScroll 事件
document.addEventListener('DOMMouseScroll', handleMouseWheel, false);

查看实例:检测鼠标滚轮方向代码分析
下载源码:下载源码

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Captcha Code