滚动条响应鼠标滑轮事件实现上下滚动的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/Css 文件的代码
Jul 03 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
node获取客户端ip功能简单示例
Aug 24 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 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 array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
2011/07/12 PHP
ThinkPHP中关联查询实例
2014/12/02 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
基于Jquery的动态添加控件并取值的实现代码
2010/09/24 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
javascript实现日历控件(年月日关闭按钮)
2012/12/12 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
2015/03/13 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
Python实现优先级队列结构的方法详解
2016/06/02 Python
Python如何生成树形图案
2018/01/03 Python
python 发送json数据操作实例分析
2019/10/15 Python
tensorflow没有output结点,存储成pb文件的例子
2020/01/04 Python
python实现udp传输图片功能
2020/03/20 Python
PyTorch的torch.cat用法
2020/06/28 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
do you have any Best Practice for testing
2016/06/04 面试题
EJB3.1都有哪些改进
2012/11/17 面试题
大学秋游活动方案
2014/02/11 职场文书
个人三严三实对照检查材料
2014/09/25 职场文书