網頁端很多情況下需要監測鼠標滾軸事件,這裏栗子吃起來是皮薄肉足,貼這裏,想吃就吃~哈哈~
var scrollFunc = function (e) {
var direct = 0;
e = e || window.event;
if (e.wheelDelta) { //判斷瀏覽器IE,谷歌滑輪事件
if (e.wheelDelta > 0) { //當滑輪向上滾動時
alert("滑輪向上滾動");
}
if (e.wheelDelta < 0) { //當滑輪向下滾動時
alert("滑輪向下滾動");
}
} else if (e.detail) { //Firefox滑輪事件
if (e.detail> 0) { //當滑輪向上滾動時
alert("滑輪向上滾動");
}
if (e.detail< 0) { //當滑輪向下滾動時
alert("滑輪向下滾動");
}
}
ScrollText(direct);
}
//給頁面綁定滑輪滾動事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滾動滑輪觸發scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;
</script>
原址:http://blog.sina.com.cn/s/blog_78106bb10101dgwp.html