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 相关文章推荐
JS 遮照层实现代码
Mar 31 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
node.js中的fs.readdirSync方法使用说明
Dec 17 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 Javascript
bootstrap组件之导航组件使用方法
Jan 19 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
Koa 使用小技巧(小结)
Oct 22 Javascript
简述ES6新增关键字let与var的区别
Aug 23 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实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
将PHP程序中返回的JSON格式数据用gzip压缩输出的方法
2016/03/03 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
PHP调用微博接口实现微博登录的方法示例
2018/09/22 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
JavaScript数组随机排列实现随机洗牌功能
2015/03/19 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
2017/05/27 Javascript
JS使用Dijkstra算法求解最短路径
2019/01/17 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
深入浅析JavaScript中的in关键字和for-in循环
2020/04/20 Javascript
python查找目录下指定扩展名的文件实例
2015/04/01 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
python画图的函数用法以及技巧
2019/06/28 Python
python随机生成库faker库api实例详解
2019/11/28 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
个人培训自我鉴定
2014/03/28 职场文书
亲属关系公证书
2014/04/08 职场文书
超市开店计划书
2014/04/26 职场文书
离婚答辩状范文
2015/05/22 职场文书
迁徙的鸟观后感
2015/06/09 职场文书
600字作文之感受大自然
2019/11/27 职场文书
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang
python playwrigh框架入门安装使用
2022/07/23 Python