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学习笔记-095】----鼠标滚轮事件

鼠标滚轮事件 学习本节时,除Firefox(妈的,firefox终于各色了一把)外所有浏览器都支持“mousewheel”事件,但firefox支持DOMMouseScroll 而DOM3规范草案建议...

js中鼠标滚轮事件详解

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

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

页面代码: Document *{margin:0;padding:0} ul{list-style:none} .detail{width:400p...
  • qyaroon
  • qyaroon
  • 2016年04月14日 18:03
  • 259

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

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

2016.01.02JS滚轮事件详解

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

js监听浏览器滚轮事件

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

js鼠标滚轮事件

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

Js_10_2_滚轮事件

1.滚轮事件 html,body{ height: 3000px; width: 3000px; } ...

jquery鼠标滚轮事件支持插件

  • 2013年01月23日 10:14
  • 5KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS滚轮事件
举报原因:
原因补充:

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