绑定鼠标滚轮上下滚动事件
2015-12-07 11:38
393 查看
判断鼠标滚轮滚动时是向上还是向下
// JavaScript Document
/***********************
* 函数:绑定鼠标滚轮上下滚动事件 相对的操作
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
* FireFox 向上滑动detail值为—3,向下为3;
* Ie 向上滑动wheelDelta 值为120,向下为-120
*************************/
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
if(e.wheelDelta==120){
//向上滚动事件
alert("向上1");
}else{
//向下滚动事件
alert("向下1");
}
}else if(e.detail){//Firefox
if(e.detail==-3) {
//向上滚动事件
alert("向上2");
}else{
//向下滚动事件
alert("向下2");
}
} //ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false);}
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
// JavaScript Document
/***********************
* 函数:绑定鼠标滚轮上下滚动事件 相对的操作
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
* FireFox 向上滑动detail值为—3,向下为3;
* Ie 向上滑动wheelDelta 值为120,向下为-120
*************************/
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
if(e.wheelDelta==120){
//向上滚动事件
alert("向上1");
}else{
//向下滚动事件
alert("向下1");
}
}else if(e.detail){//Firefox
if(e.detail==-3) {
//向上滚动事件
alert("向上2");
}else{
//向下滚动事件
alert("向下2");
}
} //ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false);}
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
相关文章推荐
- 数据库主码、外码
- 从masonry中学到的c++and关键字
- 机器学习公开课笔记(1):机器学习简介及一元线性回归
- U盘启动中标麒麟V6双系统安装教程
- MyBatis中文使用文档
- charles使用教程
- SqlServer关闭与启用标识(自增长)列
- theano——Graph Structures
- 下拉菜单打开或关闭网络后网络状态的判断
- 编译mupdf的ios版
- delphi idhttpsever
- online_judge_1026
- jasperreport开发手册--ireport教程
- linux 下忘记 root用户密码修改
- iOS:地图笔记
- SwipeRefreshLayout 下拉刷新的简单实现
- sap IUT240 Contract Accounts Receivable and Payable pdf
- 微软算法100题68 用数组排成最小的数
- 操作系统---基础题目汇总八
- 黑马程序员——C基础之迷宫游戏