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>

禁止Ctrl+滚轮事件

script language="javascript">  var scrollFunc=function(e){    e=e || window.event;    if(e....
  • u010965170
  • u010965170
  • 2017年12月06日 13:33
  • 26

js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放

以前看到的都是用IE的zoom,所以非IE就不支持,昨天看到这个js中鼠标滚轮事件详解,于是完全兼容(IE6-8,FF,Chrome,Opera,Safari)的鼠标滚轴缩放图片效果今天就诞生了 =...
  • lijunlinlijunlin
  • lijunlinlijunlin
  • 2014年11月02日 17:27
  • 1675

js对于鼠标滚轮事件的监听

需求: 通过鼠标滚轮实现某个表单内的数字增加减少操作,或者滚轮控制某个按钮的上下滚动后触发不同的事件。 实现: 通过js对鼠标滚轮的事件进行监听。 描述: 首先,不同的浏览器有不同的滚轮事件...
  • qq_35647781
  • qq_35647781
  • 2017年08月25日 18:17
  • 1094

js惰性载入-性能-滚轮事件

js性能优化,滚轮事件
  • nbin2008
  • nbin2008
  • 2016年03月15日 23:37
  • 385

滚轮事件--原生JS函数封装

function addwheel(obj,fn){ function wheel(ev){ var oEvent=ev||event; var bDown=t...
  • JJ19941003
  • JJ19941003
  • 2017年01月24日 21:46
  • 731

js禁用和开启鼠标滚轮

//禁用滚轮 function disabledMouseWheel() {     if (document.addEventListener) {       document.addEve...
  • billsteve
  • billsteve
  • 2016年12月30日 14:29
  • 296

网页鼠标滚轮事件(滚滚屏)的获取及理解

问题?鼠标滚轮事件的获取及理解 什么是鼠标滚轮事件呢?
  • Mr_li13
  • Mr_li13
  • 2016年02月02日 00:57
  • 8842

JS事件-鼠标滚轮事件

之前学习了onmouseover,onmousedown等鼠标事件,今天来看看鼠标的滚轮事件,浏览器兼容一直是让人比较恶心的事情,今天就让我们将恶心进行到底,看看这个恶心的鼠标滚轮事件!   鼠标...
  • u014205965
  • u014205965
  • 2015年05月27日 12:25
  • 4429

JS鼠标与滚轮事件

鼠标事件是 Web 开发中最常用的一类事件,毕竟鼠标还是最主要的定位设备。DOM3 级事件中定义了 9 个鼠标事件. click :在用户单击主鼠标按钮(一般是左边的按钮)或者按下回车键时触发。这...
  • A__loser
  • A__loser
  • 2017年05月07日 22:00
  • 244

js监听浏览器滚轮事件

今天看了一篇关于使用css3方法实现整屏滚动效果的博客,发现里面用到了监听滚轮事件的js代码,于是翻了翻资料,进行了一下学习与总结: 下面是实现整屏切换的代码: ...
  • u012763269
  • u012763269
  • 2015年07月03日 14:57
  • 1620
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS滚轮事件
举报原因:
原因补充:

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