/** * Simple Event Add method */define (function (Require, exports, module) {exports.addevent = (function (window, undefined) { var _eventcompat = function (event) {var type = Event.type; if (type = = ' Dommousescroll ' | | type = = ' MouseWheel ') {Event.delta = (Event.wheeldelta)? Event.wheeldelta /:-(Event.detail | | 0)/3; }//alert (Event.delta); if (event.srcelement &&!event.target) {event.target = event.srcelement; } if (!event.preventdefault && event.returnvalue!== undefined) {Event.preventdefault = function () {event.returnvalue = false; }; } /* ...... Some other compatibility processing */return event; }; if (window.addeventlistener) {return function (el, type, FN, capture) {if (type = = =) MouseWheel "&& Document.mozfullscreen!== undefined) {type = "dommousescroll"; } el.addeventlistener (Type, function (event) {Fn.call (this, _eventcompat (event)); }, Capture | | FALSE); }} else if (window.attachevent) {return function (el, type, FN, capture) {El.attacheven T ("on" + Type, function (event) {event = Event | | | window.event; Fn.call (EL, _eventcompat (event)); }); }} return function () {}; }) (window); });
So, we can use mousewheel
the event very calmly. For example:
Addevent (DOM, "MouseWheel", function (event) { if (Event.delta < 0) {alert ("Mouse rolled up!") "); }});
JS Roller Event compatible notation