BestACE / fed

旨为锤炼前端开发工程师的前端开发基础课程,重点学习利用html和css实现页面布局,利用JS实现交互开发。:thumbsup:
207 stars 137 forks source link

【资源帖】鼠标滚轮事件 #350

Open zptcsoft opened 6 years ago

zptcsoft commented 6 years ago
    document.onmousewheel=wheel;
    //Firefox 专用事件DOMMouseScroll
    if(document.addEventListener) document.addEventListener('DOMMouseScroll',wheel,false);  
    function wheel(event){
        var e=event || window.event;
        if(e.wheelDelta){
            if(e.wheelDelta>0){  //鼠标往上 滚动 wheelDelta的值等于 120
                alert('上')
            }else{                //鼠标往下 滚动 wheelDelta的值等于 -120
                alert('下')
            }
        }else if(e.detail){  //Firefox的属性是detail       Firefox正负和其他浏览器相反
            if(e.detail<0){  //Firefox下鼠标往上 滚动 detail的值等于 -3
                alert('Firefox 上')
            }else{           //Firefox下鼠标往下 滚动 detail的值等于 3
                alert('Firefox 下')
            }
        }
    }
ghost commented 6 years ago

perfect