Mousewheel Event

by Taufik Nurrohman

HTML

Scroll here with mouse wheel...

CSS

body {
    padding:50px;
    font:normal bold 30px/1.4 Times, Serif;
    color:black;
    background-color:white;
}

JavaScript

var current = 0;

var doScroll = function (e) {
    // cross-browser wheel delta
    e = window.event || e;
    var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));

    // Do something with `delta`
    current = current + delta;
    document.body.innerHTML = current;

    e.preventDefault();
};

if (window.addEventListener) {
    window.addEventListener("mousewheel", doScroll, false);
    window.addEventListener("DOMMouseScroll", doScroll, false);
} else {
    window.attachEvent("onmousewheel", doScroll);
}