滚动条响应鼠标滑轮事件实现上下滚动的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后$冲突的解决办法
Jul 09 Javascript
javascript 原型继承介绍
Aug 30 Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
javascript相关事件的几个概念
May 21 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
初探js和简单隐藏效果的实例
Nov 23 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
vue vant中picker组件的使用
Nov 03 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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动态页生成静态页的3种常用方法
2014/11/13 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
PHP简单日历实现方法
2016/07/20 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
javascript中节点的最近的相关节点访问方法
2013/03/20 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
js jq 单击和双击区分示例介绍
2013/11/05 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
详解vue项目首页加载速度优化
2017/10/18 Javascript
简述JS控制台的使用
2018/07/15 Javascript
微信小程序网络封装(简单高效)
2018/08/06 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
浅谈关于iview表单验证的问题
2018/09/29 Javascript
python使用socket创建tcp服务器和客户端
2018/04/12 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
Django视图扩展类知识点详解
2019/10/25 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
英国网上电器商店:Electricshop
2020/03/15 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
Python的两道面试题
2013/06/29 面试题
《木笛》教学反思
2014/03/01 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
运动会100米加油稿
2015/07/21 职场文书
股东协议书范本2016
2016/03/21 职场文书
Linux中如何安装并部署Redis
2022/04/18 Servers