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 相关文章推荐
document.createElement()用法
Mar 13 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
vue debug 二种方法
Sep 16 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
js cavans实现静态滚动弹幕
May 21 Javascript
uni-app微信小程序登录授权的实现
May 22 Javascript
JS实现简单打字测试
Jun 24 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
Oct 24 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
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
使用PHP计算两个路径的相对路径
2013/06/14 PHP
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
JS上传前预览图片实例
2013/03/25 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
Python快速从注释生成文档的方法
2016/12/26 Python
python读取excel表格生成erlang数据
2017/08/26 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
matlab中实现矩阵删除一行或一列的方法
2018/04/04 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
会计实习生工作总结的自我评价
2013/10/07 职场文书
班级安全教育实施方案
2014/02/23 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
毕业评语大全
2014/05/04 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
大学生自荐材料范文
2014/12/30 职场文书
创业计划之特色精品店
2019/08/12 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB