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自动判断浏览器分辨率的代码
Jan 28 Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 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
海贼王:最美的悬赏令!
2020/03/02 日漫
js和php邮箱地址验证的实现方法
2014/01/09 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
redis+php实现微博(二)发布与关注功能详解
2019/09/23 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
JsRender for index循环索引用法详解
2014/10/31 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
python批量导出导入MySQL用户的方法
2013/11/15 Python
python学习数据结构实例代码
2015/05/11 Python
Python中return语句用法实例分析
2015/08/04 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
python 同时运行多个程序的实例
2019/01/07 Python
windows下python安装pip方法详解
2020/02/10 Python
简单了解Python write writelines区别
2020/02/27 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
大学生志愿者感言
2014/01/15 职场文书
商务英语专业求职信
2014/06/26 职场文书
离婚起诉书范本
2015/05/18 职场文书
音乐剧猫观后感
2015/06/04 职场文书
中国文明网2015年“向国旗敬礼”活动网上签名寄语
2015/09/24 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python