js 判断鼠标滚轮方向
最近因为公司项目的要求,需要做页面的全屏滚动切换效果。
页面的切换,需要脚本监听鼠标滑轮的滚动事件,来判断页面是向上切换or向下切换.
这里的脚本很简单,我就直接贴出来吧。
 $('html').on('mousewheel DOMMouseScroll', function (e) {
                 e.preventDefault();
                 var t = new Date().getTime();
                 //防止鼠标滚动太快
                 if (t - Const.scrollTime < 1400) {
                     return !1;
                 }
                 Const.scrollTime = t;
                 //鼠标滚轮的滚动方向 >0 up;<0 down
                 var _delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail);
                 if (_delta > 0) {
                     //Scroll.up();
                 } else {
                    Scroll.down();
                 }
             });
这里需要注意的一点就是e.originalEvent。
如果使用jQuery来进行事件绑定,在事件回调的参数中e是被jQuery重新封装的,所以我们必须使用e.originalEvent来指向原始的事件对象,就是这样任性。
js 判断鼠标滚轮方向的更多相关文章
- js/jq判断鼠标滚轮方向
		js判断鼠标滚轮方向: var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑 ... 
- js中判断鼠标滚轮方向的方法
		前 言 LiuDaP 最近无聊,在做自己的个人站,其中用到了一个关于鼠标滚轮方向判断的方法,今天闲来无聊,就给大家介绍一下吧!!!! 在介绍鼠标事件案例前,让我们先稍微了解一下js中的event ... 
- JS 判断鼠标滚轮的上下滚动
		JS 判断鼠标滚轮的上下滚动 <script type="text/javascript"> var scrollFunc = function (e) { e = ... 
- js 判断鼠标进去方向
		function fx(id){ var obj= document.getElementById(id); var fun=function(e){ var w=obj.offsetWidth; v ... 
- JS判断鼠标从什么方向进入一个容器
		偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题.首先想到的是给容器的四个边添加几个块,然后看鼠标进入的时候哪个块先监听到鼠标事件.不过这样麻烦太多了.google了一下找到了一个不错的解决方 ... 
- JS如何判断鼠标滚轮向上还是向下滚动
		前几天偶然看到某前端群有人在问:JS如何判断鼠标滚轮向上还是向下滚动? 我想了想,有点蒙蔽,心想难道不是用scrollTop来判断吗? 但我不确定,也出于好奇心,于是开始了一番探索 思路:通过even ... 
- js中鼠标滚轮事件详解
		js中鼠标滚轮事件详解 (以下内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ ) 之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用 ... 
- javaScript判断鼠标滚轮的上下滚动
		分享一个js实现判断鼠标滚轮的上下滚动: <script type="text/javascript"> var scrollFunc = function (e) { ... 
- JS判断鼠标向上滚动还是向下滚动
		js如何判断滚轮的上下滚动,我们应该都见到过这种效果,用鼠标滚轮实现某个表单内的数字向上滚动就增加,向下滚动就减少的操作,这种效果是通过js对鼠标滚轮的事件监听来实现的.今天简单的研究了一下如何使用j ... 
随机推荐
- 分区还原工具(DiskGenius)
			不小心删除的分区可以实用DiskGenius进行还原. 下载地址:http://www.upantool.com/qidong/2012/DiskGenius_3.7.1.html 操作方法: 打开D ... 
- hdu 4403      dfs
			巨麻烦的模拟题orz.... 先确定等号的位置,然后两层dfs,分别算等号前面的和后面的,再比较 话说这题竟然不开long long都能水过 #include <iostream> #in ... 
- 数据结构算法C语言实现(二)---2.3线性表的链式表示和实现之单链表
			一.简述 [暂无] 二.头文件 #ifndef _2_3_part1_H_ #define _2_3_part1_H_ //2_3_part1.h /** author:zhaoyu email:zh ... 
- zip压缩与解压缩示例
			范例: zip命令可以用来将文件压缩成为常用的zip格式.unzip命令则用来解压缩zip文件. 1. 我想把一个文件abc.txt和一个目录dir1压缩成为yasuo.zip: # zip -r y ... 
- DropZone
			JavaScript 文件拖拽上传插件 dropzone.js 介绍 February 19, 2014 / 编程指南 dropzone.js 是一个开源的 JavaScript 库,提供 AJAX ... 
- 如何执行一条命令在C#里面。Process
			Download source - 4.15 KB Introduction It is normal practice to open the Windows command prompt and ... 
- 用面对对象方式定tab标签
			一些公共的底层的JS方法 var GLOBAL = {}; GLOBAL.namespace = function (str) { var arr = str.split('.'), o = GLOB ... 
- 关键字static(1)
			static表示"全局"或者"静态"的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块,但是Java语言中没有全局变量的概念.被static修 ... 
- 调用startActivityForResult,onActivityResult无响应的解决办法
			三种情况: 1.执行startActivityForResult,没等到被调用的 Activity 返回,onActivityResult() 就被执行了.找了很久,终于通过小道消息得知,这与 Act ... 
- TeXmacs - 所见即所得 - 专业排版软件
			所见即所得,支持中文,很好用, 容易奔溃,奔溃进入不了程序时,删除文件夹 C:\Users\Perelman\AppData\Roaming\TeXmacs 
