Js實現滑鼠滾輪滑動監聽
阿新 • • 發佈:2019-01-07
在別人部落格的基礎上改寫了一個js實現滑鼠滾輪事件的監聽:
windowAddMouseWheel(); function windowAddMouseWheel() { var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判斷瀏覽器IE,谷歌滑輪事件 if (e.wheelDelta > 0) { //當滑輪向上滾動時 alert("滑輪向上滾動"); } if (e.wheelDelta < 0) { //當滑輪向下滾動時 alert("滑輪向下滾動"); } } else if (e.detail) { //Firefox滑輪事件 if (e.detail> 0) { //當滑輪向上滾動時 alert("滑輪向上滾動"); } if (e.detail< 0) { //當滑輪向下滾動時 alert("滑輪向下滾動"); } } }; //給頁面繫結滑輪滾動事件 if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); } //滾動滑輪觸發scrollFunc方法 window.onmousewheel = document.onmousewheel = scrollFunc; }
原文地址:http://blog.sina.com.cn/s/blog_78106bb10101dgwp.html