javascript 兼容鼠标滚轮事件


Posted in Javascript onApril 07, 2009

这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。
当然一行代码就解决了兼容问题

var mousewheel = document.all?"mousewheel":"DOMMouseScroll";

事件属性,IE是event.wheelDelta,Firefox是event.detail 属性的方向值也不一样,IE向上滚 > 0,Firefox向下滚 > 0。
最新的jquery1.3.2仍然没有增加滚轮事件,但可以用jquery的bind去绑定任何事件,当然得加上上面那句。
不过jquery有个插件已经加上了该功能。见http://brandonaaron.net/code/mousewheel/demos
这样使用:
$('div.mousewheel_example').mousewheel(fn); 
$('div.mousewheel_example').bind('mousewheel', fn);
Javascript 相关文章推荐
XML+XSL 与 HTML 两种方案的结合
Apr 22 Javascript
javascript instanceof 与typeof使用说明
Jan 11 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
JavaScript变量声明详解
Nov 27 Javascript
通过伪协议解决父页面与iframe页面通信的问题
Apr 05 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
通过实例解析JavaScript常用排序算法
Sep 02 Javascript
javascript 有趣而诡异的数组
Apr 06 #Javascript
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 #Javascript
JavaScript 在各个浏览器中执行的耐性
Apr 06 #Javascript
javascript 获取图片颜色
Apr 05 #Javascript
Mozilla 表达式 __noSuchMethod__
Apr 05 #Javascript
关于javascript document.createDocumentFragment()
Apr 04 #Javascript
HTML 自动伸缩的表格Table js实现
Apr 01 #Javascript
You might like
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
laravel-admin的多级联动方法
2019/09/30 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
weui中的picker使用js进行动态绑定数据问题
2019/11/06 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
微信小程序实现分页加载效果
2020/11/19 Javascript
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
中学教师实习自我鉴定
2013/09/28 职场文书
自荐信模版
2013/10/24 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
中秋节国旗下演讲稿
2014/09/13 职场文书
安全隐患整改报告
2014/11/06 职场文书
JavaScript原型链详解
2021/11/07 Javascript
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技