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中鼠标滚轮事件详解

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

JS自定义滚动条效果+鼠标滚轮事件

页面代码: Document *{margin:0;padding:0} ul{list-style:none} .detail{width:400p...

2016.01.02JS滚轮事件详解

本人第一次写博客,有写的不好的地方请大家指正哈,也是刚刚学到的写一下印象稍微的深刻一下,好了废话不多说进入正题; JS滚轮事件还是一个比较复杂的东西,主要分为两个版本: 1.ie /chrome ...

js鼠标滚轮事件(mousewheel/DOMMouseScroll)

简介: 鼠标滚轮事件主要分为FireFox派和其他派。 1、mousewheel与DOMMouseScroll 1、mousewheel IE6首先实现了mousewheel事件。此后,Op...

js监听浏览器滚轮事件

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

js鼠标滚轮事件

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

禁止input输入框的鼠标滚轮事件详解

现代浏览器发展的越来越智能,新增了很多的效果,比如说input输入框,当将其type设置为number的时候,在其获得焦点的时候,滚动鼠标的滚轮可以增加其数值,,但在有些情况的时候并不太适合,比如说在...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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