滚动条响应鼠标滑轮事件实现上下滚动的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 相关文章推荐
js 数组克隆方法 小结
Mar 20 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
Feb 10 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
TypeScript 中接口详解
Jun 19 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
vue之nextTick全面解析
May 17 Javascript
jQuery回调方法使用示例
Jun 26 jQuery
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
微信小程序实现复选框效果
Dec 28 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
初识ThinkPHP控制器
2016/04/07 PHP
JS学习之一个简易的日历控件
2010/03/24 Javascript
基于jquery封装的一个js分页
2011/11/15 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
Javascript的表单验证-初识正则表达式
2016/03/18 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
基于JavaScript实现表格滚动分页
2017/11/22 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
js操作二进制数据方法
2018/03/03 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
2018/07/26 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
python操作摄像头截图实现远程监控的例子
2014/03/25 Python
Python中获取对象信息的方法
2015/04/27 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
Flask web开发处理POST请求实现(登录案例)
2018/07/26 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
python生成特定分布数的实例
2019/12/05 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
Python实现加密的RAR文件解压的方法(密码已知)
2020/09/11 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
自考毕业生自我鉴定
2013/11/04 职场文书
管理心得体会
2013/12/28 职场文书
欢送退休感言
2014/02/08 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
2015年业务工作总结范文
2015/04/10 职场文书