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 相关文章推荐
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
JQuery之focus函数使用介绍
Aug 20 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
js实现简单模态框实例
Nov 16 Javascript
详解JavaScript中的函数、对象
Apr 01 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
vue eslint简要配置教程详解
Jul 26 Javascript
vue-video-player 断点续播的实现
Feb 01 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 5.3新增魔术方法__invoke概述
2014/07/23 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
PHP实现的一致性Hash算法详解【分布式算法】
2018/03/31 PHP
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
微信小程序“摇一摇”的实例代码
2017/07/20 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
vuex管理状态仓库使用详解
2020/07/29 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
python实现获取序列中最小的几个元素
2014/09/25 Python
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
python requests 使用快速入门
2017/08/31 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
对Python中9种生成新对象的方法总结
2018/05/23 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
Python接口开发实现步骤详解
2020/04/26 Python
Python实现自动整理文件的脚本
2020/12/17 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
HTML5获取当前地理位置并在百度地图上展示的实例
2020/07/10 HTML / CSS
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
白宫黑市官网:White House Black Market
2016/11/17 全球购物
公司出纳岗位职责
2013/12/07 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
python实现socket简单通信的示例代码
2021/04/13 Python
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript