滚动条响应鼠标滑轮事件实现上下滚动的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将相对地址转换为绝对地址示例代码
Jul 19 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
Jan 30 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
JS结合bootstrap实现基本的增删改查功能
Jul 22 Javascript
Thinkjs3新手入门之添加一个新的页面
Dec 06 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
JavaScript控制浏览器全屏显示简单示例
Jul 05 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
JavaScript实现模态对话框实例
Jan 13 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 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
web方式ftp
2006/10/09 PHP
php下intval()和(int)转换使用与区别
2008/07/18 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
php获取linux命令结果的实例
2017/03/13 PHP
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
Python中实现常量(Const)功能
2015/01/28 Python
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
浅谈Python的文件类型
2016/05/30 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
Django和Flask框架优缺点对比
2019/10/24 Python
Django中的AutoField字段使用
2020/05/18 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
英国天然保健品网站:Simply Supplements
2017/03/22 全球购物
意大利在线药房:Farmacia Loreto Gallo
2019/08/09 全球购物
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
办公室个人总结
2015/02/28 职场文书
2015年父亲节寄语
2015/03/23 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
房产证明范本
2015/06/19 职场文书
培训计划通知
2015/07/15 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python