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调用后台方法进行数据交互
Aug 20 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
JavaScript中rem布局在react中的应用
Dec 09 Javascript
将JSON字符串转换成Map对象的方法
Nov 30 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
Angular4学习教程之HTML属性绑定的方法
Jan 04 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
Node.js 路由的实现方法
Jun 05 Javascript
浅探express路由和中间件的实现
Sep 30 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 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 面向对象实现代码
2009/11/11 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
js自动闭合html标签(自动补全html标记)
2012/10/04 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
详解vue-cli开发环境跨域问题解决方案
2017/06/06 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
Python中几个比较常见的名词解释
2015/07/04 Python
利用python开发app实战的方法
2019/07/09 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
给女朋友的道歉信
2014/01/10 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2014年教务工作总结
2014/12/03 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python
动视暴雪取消疫苗禁令 让所有员工返回线下工作
2022/04/03 其他游戏