滚动条响应鼠标滑轮事件实现上下滚动的js代码


Posted in Javascript onJune 30, 2014

实现鼠标滚动滚轮事件:

<script type="text/javascript"> 
var scrollFunc=function(e){ 
e=e || window.event; 
if(e.wheelDelta){//IE/Opera/Chrome 
if(e.wheelDelta==120) 
{ 
//向上滚动事件 
alert(e.wheelDeta +"向上"); 

}else 
{ 
//向上滚动事件 
alert(e.wheelDeta +"向上"); 
} 
}else if(e.detail){ 
//Firefox 
if(e.detail==-3) { 
//向上滚动事件<br> 
alert(e.detail +"向上"); 
}else { 
//向下滚动事件<br> 
alert(e.detail +"向下 "); 
} 
} 
}; 
if(document.addEventListener){ 
//adding the event listerner for Mozilla 
document.addEventListener("DOMMouseScroll" ,scrollFunc, false); 
} 
//IE/Opera/Chrome 
window.onmousewheel=document.onmousewheel=scrollFunc;
</script>
Javascript 相关文章推荐
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
js实现4个方向滚动的球
Mar 06 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
微信小程序实现Session功能及无法获取session问题的解决方法
May 07 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 #Javascript
javascript时间函数大全
Jun 30 #Javascript
js取得html iframe中的元素和变量值
Jun 30 #Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
Jun 30 #Javascript
js实现的点击div区域外隐藏div区域
Jun 30 #Javascript
js实现特定位取反原理及示例
Jun 30 #Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 #Javascript
You might like
用PHP实现将GB编码转换为UTF8
2006/11/25 PHP
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
php中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
2016/05/30 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
javascript自定义事件功能与用法实例分析
2017/11/08 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
[43:47]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第一场 12.09
2020/12/11 DOTA
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
python中bytes和str类型的区别
2019/10/21 Python
python实发邮件实例详解
2019/11/11 Python
Python实现图片添加文字
2019/11/26 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
一套中级Java程序员笔试题
2015/01/14 面试题
大学军训感言800字
2014/02/27 职场文书
签约仪式策划方案
2014/06/02 职场文书
大学生就业自荐书
2014/06/16 职场文书
暑期培训班招生方案
2014/08/26 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
离婚答辩状范文
2015/05/22 职场文书
红与黑读书笔记
2015/06/29 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL