滚动条响应鼠标滑轮事件实现上下滚动的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 闭包在封装函数时的简单分析
Nov 28 Javascript
firefox和IE系列的相关区别整理 以备后用
Dec 28 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
Feb 27 Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
Javascript 普通函数和构造函数的区别
Nov 05 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
原生js实现瀑布流效果
Mar 09 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 25 Vue.js
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
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
php中define用法实例
2015/07/30 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
jquery中实现标签切换效果的代码
2011/03/01 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
js实现点击添加一个input节点
2014/12/05 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
Python break语句详解
2014/03/11 Python
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
JSON Web Tokens的实现原理
2017/04/02 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
Python实现图片识别加翻译功能
2019/12/26 Python
Pytorch之view及view_as使用详解
2019/12/31 Python
基于Python绘制个人足迹地图
2020/06/01 Python
keras输出预测值和真实值方式
2020/06/27 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
办理收楼委托书范本
2014/10/09 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
详解 TypeScript 枚举类型
2021/11/02 Javascript
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android