Mousewheel-Ereignis in modernen Browsern

Question

Ich möchte sauberes und nettes JavaScript für mousewheel -Ereignis haben, das nur die neueste Version gängiger Browser ohne veralteten Code für veraltete Versionen ohne JS-Framework unterstützt.

Mousewheel Ereignis ist schön erklärt here. Wie vereinfacht man es für die aktuellsten Versionen der Browser?

Ich habe keinen Zugang zu allen Browsern, um es zu testen, also caniuse.com ist eine große Hilfe für mich. Leider wird Mausrad dort nicht erwähnt.

Basierend auf Dereks Kommentar schrieb ich diese Lösung. Ist es für alle Browser gültig?

someObject.addEventListener("onwheel" in document ? "wheel" : "mousewheel", function(e) { 
    e.wheel = e.deltaY ? -e.deltaY : e.wheelDelta/40; 
    // custom code 
}); 

Answer 1

Hier ist ein Artikel, der diese beschreibt, und gibt ein Beispiel:

http://www.sitepoint.com/html5-javascript-mouse-wheel/

Relevante Code, minus des spezifischen Beispiel Ändern der Bildgröße angegeben:

var myitem = document.getElementById("myItem"); 
if (myitem.addEventListener) 
{ 
    // IE9, Chrome, Safari, Opera 
    myitem.addEventListener("mousewheel", MouseWheelHandler, false); 
    // Firefox 
    myitem.addEventListener("DOMMouseScroll", MouseWheelHandler, false); 
} 
// IE 6/7/8 
else 
{ 
    myitem.attachEvent("onmousewheel", MouseWheelHandler); 
} 

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

    return false; 
} 

Answer 2

Das Mausrad Ereignis ist Nicht-Standard und MDN recommend der wheel event.

var item = document.getElementById('item') 
item.addEventListener('mousewheel', function(e) { 
    console.log('event', e) 
}, false)