滚动条响应鼠标滑轮事件实现上下滚动的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 相关文章推荐
语义化 H1 标签
Jan 14 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
jQuery中:checkbox选择器用法实例
Jan 03 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 17 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正则走开
2008/03/15 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
关于PHP开发的9条建议
2015/07/27 PHP
ThinkPHP中Common/common.php文件常用函数功能分析
2016/05/20 PHP
php微信浏览器分享设置以及回调详解
2016/08/01 PHP
用jquery来定位
2007/02/20 Javascript
IE6、IE7中获取Button元素的值的bug说明
2011/08/28 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
jquery事件与绑定事件
2017/03/16 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
2018/04/13 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
2018/06/13 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
Python深入学习之闭包
2014/08/31 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
opencv python图像梯度实例详解
2020/02/04 Python
Python yield的用法实例分析
2020/03/06 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
草莓网英国官网:Strawberrynet UK
2017/02/12 全球购物
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
哈利波特商店:Harry Potter Shop
2018/11/30 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
文员个人求职自荐信
2013/09/21 职场文书
2013年研究生毕业感言
2014/02/06 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
一个都不能少观后感
2015/06/04 职场文书
Golang Web 框架Iris安装部署
2022/08/14 Python