**鼠标滚轮事件** >html ~~~ <p> <label for="wheelDelta">滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta" /> </p> <p> <label for="detail"> 滚动值:(Firefox)</label><input type="text" id="detail" /> </p> ~~~ >js ~~~ var oTxt = document.getElementById("txt"); var scrollFunc = function (e) { var direct = 0; e = e || window.event; var t1 = document.getElementById("wheelDelta"); var t2 = document.getElementById("detail"); if (e.wheelDelta) { //IE/Opera/Chrome t1.value = e.wheelDelta; if (t1.value > 0) { console.log('上滚'); } else if (t1.value < 0) { console.log('下滚'); }; } else if (e.detail) { //Firefox t2.value = e.detail; if (t2.value > 0) { console.log('上滚'); } else if (t2.value < 0) { console.log('下滚'); }; } } /*注册事件*/ if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); } window.onmousewheel = document.onmousewheel = scrollFunc; //IE/Opera/Chrome/Safari ~~~