js 滑动鼠标滑轮翻页
来源:互联网 发布:linux定时脚本 编辑:程序博客网 时间:2024/05/17 04:45
今天项目中用到了通过滑动鼠标滑轮触发事件,再网上找了一些例子,在FireFox下面使用正常,但是在IE和Google等浏览器下使用滑动一次滑轮却触发了两次事件,网上找了一些解决方案,最后选择了一个简单的解决方案,如果在使用的过程中出现问题,我会继续改进。
<script type="text/javascript"> $(document).ready(function(){ var flag = true; /*鼠标滑轮滚动事件的处理*/ var scrollFunc=function(e){ var direct=0; e=e || window.event; if(e.wheelDelta){//IE/Opera/Chrome if(flag){ pageTurring(e.wheelDelta); }else{ flag = true; } }else if(e.detail){//Firefox pagepageTurringFirefox(e.detail); } ScrollText(direct); } /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome //其他浏览器翻页,根据参数的进行翻页(负数为下一页,) function pageTurring(e){ flag = false; alert(e); } //火狐翻页,根据参数的进行翻页(正数为下一页,) function pagepageTurringFirefox(e){ alert(e); } });</script>
有什么问题欢迎大家提出,一起改进
0 0
- js 滑动鼠标滑轮翻页
- js鼠标滑轮改变图片大小
- RecyclerView处理鼠标滑轮滑动事件
- 用鼠标滑轮控制图片大小js
- JS监听鼠标滑轮滚动事件
- 基础代码--滑动鼠标滑轮拉远拉近摄像机
- js鼠标滑轮滚动事件绑定(兼容主流浏览器)
- js判断鼠标滑轮滚动方向并根据滚动…
- VB6IDE鼠标滑轮滚动
- 鼠标滑轮MouseWheel事件
- 鼠标滑轮事件
- 鼠标滑轮滚动事件
- 鼠标滑轮事件
- 鼠标滑轮事件监听
- JS做的鼠标拖动翻页效果
- Js控制鼠标滑动图片
- web前端,实现上下翻页,支持鼠标滑动翻页h5+css+jq
- 使三键鼠标的滑轮能用
- hdu1075 What Are You Talking About(qsort二分查找& 字典树查找)
- JAVA下载和安装详细过程
- open vswitch简介
- oracle自治事务
- 时钟编程: alarm和setitimer
- js 滑动鼠标滑轮翻页
- 黑马程序员——OC语言基础:面向对象三大特性,封装、继承、多态
- ubuntu server 制作 wifi 发射
- 《Unix/linux编程实践教程》第六章部分习题
- 架构、框架、设计模式之间的关系简述
- 深入理解Java对象序列化
- 终端控制与信号浅析
- QML之Packge
- PHP 抓取 网站标题 <title></tile>里的内容