滚动条响应鼠标滑轮事件实现上下滚动的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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
用javascript实现读取txt文档的脚本
Jul 20 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
实现JavaScript高性能的数据存储
Dec 11 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 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
TMDPHP 模板引擎使用教程
2012/03/13 PHP
php eval函数一句话木马代码
2015/05/21 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
php中bind_param()函数用法分析
2017/03/28 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
javaScript基础详解
2017/01/19 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python PyQt4实现QQ抽屉效果
2018/04/20 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
CSS3 边框效果
2019/11/04 HTML / CSS
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
商务英语本科生的自我评价分享
2013/11/15 职场文书
学校门卫岗位职责
2014/03/16 职场文书
汇源肾宝广告词
2014/03/20 职场文书
学校安全防火方案
2014/06/07 职场文书
给老婆的检讨书
2015/01/27 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
民间借贷借条如何写
2015/05/26 职场文书
初婚初育证明范本
2015/06/18 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript