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 相关文章推荐
ExtJS 2.0 实用简明教程之布局概述
Apr 29 Javascript
JQuery select标签操作代码段
May 16 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
基于javascript的异步编程实例详解
Apr 10 Javascript
vue实现登陆登出的实现示例
Sep 15 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
小程序新版订阅消息模板消息
Dec 31 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 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
谨慎使用PHP的引用原因分析
2012/09/06 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
AJAX架构之Dojo篇
2007/04/10 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
Django基础之Model操作步骤(介绍)
2017/05/27 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
对Python3中bytes和HexStr之间的转换详解
2018/12/04 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
python绘制动态曲线教程
2020/02/24 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
详解python的变量缓存机制
2021/01/24 Python
css3 media 响应式布局的简单实例
2016/08/03 HTML / CSS
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
.NET程序员的几道面试题
2012/06/01 面试题
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
2014年班主任工作总结
2014/11/08 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
党小组鉴定意见
2015/06/02 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫