jq鼠标滚动事件

拼搏现实的明天。 2022-09-04 04:50 227阅读 0赞

JQ鼠标滚动事件

  1. $(document).on("mousewheel", function (e, delta) { 
  2.     var wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail;
  3.     var delta = Math.max(-1, Math.min(1, wheel));
  4.     if (delta < 0) { //向下滚动
  5.       console.log('向下滚动');
  6.     } else { //向上滚动
  7.       console.log('向上滚动');
  8.     }
  9.   })

e 是触发者事件本身 因为由于冒泡的缘故所以外部也会执行，e.originalEvent.wheelDelta向下滚一下是-120，向上滚一下是120，Math.max是取最大值，如果向下滚动delta=-1反之则是1

发表评论

表情：
评论列表 （有 0 条评论，227人围观）

还没有评论，来说两句吧...

相关阅读

    相关 jq 事件机制

    绑定事件 法一: 数组对象.bind("去掉on的事件名",绑定内容) 追加模式,一个事件增加多个操作,js是覆盖，可配合js追加绑定 fun

    旧城等待，旧城等待，/ 0 赞/ 493 阅读