滚动条响应鼠标滑轮事件实现上下滚动的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 相关文章推荐
jQuery asp.net 用json格式返回自定义对象
Apr 07 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
js实现的二分查找算法实例
Jan 21 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 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
php cout&amp;lt;&amp;lt;的一点看法
2010/01/24 PHP
php 抽象类的简单应用
2011/09/06 PHP
php使用sql server验证连接数据库的方法
2014/12/25 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
PHP学习笔记之session
2018/05/06 PHP
JavaScript实现拼音排序的方法
2012/11/20 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
2013/03/22 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
js中数组常用方法总结(推荐)
2019/04/09 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
python简单实现计算过期时间的方法
2015/06/09 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
Eagle Eyes Optics鹰眼光学:高性能太阳镜
2018/12/07 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
过滤器的用法
2013/10/08 面试题
酒会邀请函
2015/01/31 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
php访问对象中的成员的实例方法
2021/11/17 PHP
利用Python实现Picgo图床工具
2021/11/23 Python
python中 Flask Web 表单的使用方法
2022/05/20 Python