【第22期】观点:IT 行业加班,到底有没有价值?

JS滚轮事件

转载 2015年11月19日 11:20:07

js判断鼠标滑轮滚动方向并根据滚动的方向触发不同的事件



<script>
   var scrollFunc = function(e) {
       var direct = 0;
       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("滑轮向下滚动");
          }
       }
       ScrollText(direct);
    }
    //给页面绑定滑轮滚动事件
    if(document.addEventListener) {
       document.addEventListener('DOMMouseScroll',scrollFunc, false);
    }
    //滚动滑轮触发scrollFunc方法
    window.onmousewheel =document.onmousewheel = scrollFunc;  
</script>
举报

相关文章推荐

js鼠标滚轮事件

js鼠标滚轮事件有时候我们想做的效果涉及到鼠标滚轮事件,比如全屏滑动或者鼠标滚动切换页面部分,再比如滚轮控制大小缩放,鼠标滚轮事件有浏览器兼容性问题,网上也有讲解,不过多数ctrl+c ctrl+v,...

JS滚轮事件(mousewheel/DOMMouseScroll)了解

一、学无止境、温故知新 //zxx: 本段与技术无关,一些很个人的吐槽,可以跳过 已经没有了小学生时代过目不忘的记忆力了,很多自己折腾的东西、接触的东西,短短1年之后就全然不记得了。比方说,完...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

js监听浏览器滚轮事件

今天看了一篇关于使用css3方法实现整屏滚动效果的博客,发现里面用到了监听滚轮事件的js代码,于是翻了翻资料,进行了一下学习与总结: 下面是实现整屏切换的代码: ...

js中鼠标滚轮事件详解

(以下内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ ) 之前js  仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控...

使用JS监听鼠标滚轮事件,并且滑动一次只执行一次事件方法

使用JS监听鼠标滚轮事件,并且滑动一次只执行一次事件方法function autoRoll() { $(document).on("mousewheel DOMMouseScroll"...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)