美文网首页
js判断鼠标上滚和下滚

js判断鼠标上滚和下滚

作者: 菲龍探雲 | 来源:发表于2017-01-19 14:42 被阅读102次
function scrollFunc(e) {
    e = e || window.event;
    if (e.wheelDelta) {              //判断浏览器ie,谷歌滚轮事件
        if (e.wheelDelta > 0) { //当滑轮向上滚动时
            console.log("滑轮向上滚动");
        } else if (e.wheelDelta < 0) {
            console.log("滑轮向下滚动");
        }
    } else if (e.detail) {          //Firefox滚轮事件
        if (e.detail > 0) { //当滑轮向上滚动时
            console.log("滑轮向上滚动");
        }else if(e.detail < 0){
            console.log("滑轮向下滚动");
        }
    }
}
//给页面绑定滑轮滚动事件
if (document.addEventListener) {//firefox
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法  //ie 谷歌
window.onmousewheel = document.onmousewheel = scrollFunc;

相关文章

  • js判断鼠标上滚和下滚

  • js鼠标滚轮事件上滚下滚判断

    js鼠标滚轮事件上滚下滚判断 onmousewheel

  • 鼠 滚

    文/盐五言六 鼠,动物界里的小人物,还是不被看好的偷油贼,却当上了十二生肖的老大。 老大怎么了?老大就可以耀武扬威...

  • js判断页面上滚下滚

    今天做了个导航栏,客户要求的效果是当页面下滚时导航栏消失,上滚时导航栏出现。以下是代码: 代码是从网上找的,本人试...

  • 《爷爷一定有办法》续写

    纽扣滚啊滚,滚到了老鼠一家的洞口。鼠小弟把它放到椅子上跳上跳下。真舒服啊!鼠小妹把它当成桌子,时而书声琅琅;时而书...

  • 滚床单不滚?滚!滚…

    在班级三十年的同学聚会上,党总发现自己曾经暗恋多年的男神居然也对自己暗恋多年。 不由的喜上眉梢/感慨万千/相谈甚欢...

  • 滚,滚,滚,你给我滚

    我是一个感性的人,容易被一些细小的事情所感动、所影响。 感性的人容易感知快乐,但同时也容易被负面情绪牵扯。消极情绪...

  • 天,雷,滚,滚,滚,滚。。。。

    路遇两个人吵架,正好得闲,听了一耳朵。 一个人买了小卖部的食品,回家发现过期了,就回来找卖家理论。 总之是各种不爽...

  • 男:滚? 女:滚[害羞] 滚.. 滚.. 女:滚..? 男:滚!!![骷髅] …… …… 男:滚? 女:衮 男:…...

  • vimium 快捷键

    Vimium 快捷键导航功能j, 下滚k, Scroll up 上滚gg滚...

网友评论

      本文标题:js判断鼠标上滚和下滚

      本文链接:https://www.haomeiwen.com/subject/jleibttx.html