js 判断鼠标滚轮方向
最近因为公司项目的要求,需要做页面的全屏滚动切换效果。
页面的切换,需要脚本监听鼠标滑轮的滚动事件,来判断页面是向上切换or向下切换.
这里的脚本很简单,我就直接贴出来吧。
1 $('html').on('mousewheel DOMMouseScroll', function (e) { 2 e.preventDefault(); 3 var t = new Date().getTime(); 4 //防止鼠标滚动太快 5 if (t - Const.scrollTime < 1400) { 6 return !1; 7 } 8 Const.scrollTime = t; 9 10 //鼠标滚轮的滚动方向 >0 up;<0 down 11 var _delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail); 12 if (_delta > 0) { 13 //Scroll.up(); 14 } else { 15 Scroll.down(); 16 } 17 });
这里需要注意的一点就是e.originalEvent。
如果使用jQuery来进行事件绑定,在事件回调的参数中e是被jQuery重新封装的,所以我们必须使用e.originalEvent来指向原始的事件对象,就是这样任性。