An example for detecting event of mouse wheeling(IE / Firefox / Safari / Chrome / Opera)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function MouseWheel (e) {  
var e = e | window.event;
alert(['scrolled ', (( e.wheelDelta <= 0 | e.detail > 0) ? 'down' : 'up')].join(''));
}

// hook event listener on window object
if ('onmousewheel' in window) {
window.onmousewheel = MouseWheel;
} else if ('onmousewheel' in document) {
document.onmousewheel = MouseWheel;
} else if ('addEventListener' in window) {
window.addEventListener("mousewheel", MouseWheel, false);
window.addEventListener("DOMMouseScroll", MouseWheel, false);
}