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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
InnerHtml和InnerText的区别分析
Mar 13 Javascript
网页中的图片的处理方法与代码
Nov 26 Javascript
js DOM 元素ID就是全局变量
Sep 20 Javascript
深入理解JQuery keyUp和keyDown的区别
Dec 12 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
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
让PHP支持页面回退的两种方法[转]
2007/02/14 PHP
php若干单维数组遍历方法的比较
2011/09/20 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
DEDE实现转跳属性文档在模板上调用出转跳地址
2016/11/04 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
js删除所有的cookie的代码
2010/11/25 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
php与js的区别是什么
2013/08/05 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
浅析为什么a="abc" 不等于 a=new String("abc")
2017/10/25 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
2018/04/28 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
深入Python解释器理解Python中的字节码
2015/04/01 Python
python对数组进行反转的方法
2015/05/20 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
优秀毕业生求职信范文
2014/01/02 职场文书
部门年终奖分配方案
2014/05/07 职场文书
大型会议策划方案
2014/05/17 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
签字仪式主持词
2015/07/03 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
windows server2016安装oracle 11g的图文教程
2022/07/15 Servers