码迷,mamicode.com
首页 > Web开发 > 详细

js 判断鼠标滚轮方向

时间:2015-03-06 16:11:29      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

最近因为公司项目的要求,需要做页面的全屏滚动切换效果。

页面的切换,需要脚本监听鼠标滑轮的滚动事件,来判断页面是向上切换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来指向原始的事件对象,就是这样任性。

js 判断鼠标滚轮方向

标签:

原文地址:http://www.cnblogs.com/kbqncf/p/4318526.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!