滚动条响应鼠标滑轮事件实现上下滚动的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 call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
js键盘事件的keyCode
Jul 29 Javascript
js style动态设置table高度
Oct 21 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
jQuery中on()方法用法实例详解
Feb 06 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
Mar 28 Javascript
vue 动态绑定背景图片的方法
Aug 10 Javascript
vue实现element-ui对话框可拖拽功能
Aug 17 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
vue开发移动端底部导航条功能
Apr 08 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 MYSQL中插入当前时间
2008/04/06 PHP
php 删除cookie和浏览器重定向
2009/03/16 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
React 使用recharts实现散点地图的示例代码
2018/12/07 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
Python简单连接MongoDB数据库的方法
2016/03/15 Python
python方向键控制上下左右代码
2018/01/20 Python
Python3之文件读写操作的实例讲解
2018/01/23 Python
python flask安装和命令详解
2019/04/02 Python
PyTorch中的Variable变量详解
2020/01/07 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
韩国11街:11STREET
2018/03/27 全球购物
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
办理居住证介绍信
2014/01/15 职场文书
读书月活动方案
2014/05/22 职场文书
银行求职信范文
2014/05/26 职场文书
生产操作工岗位职责
2014/09/16 职场文书
个人自查自纠材料
2014/10/14 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
swagger如何返回map字段注释
2021/07/03 Java/Android