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 相关文章推荐
说明你的Javascript技术很烂的五个原因
Apr 26 Javascript
jquery实现table鼠标经过变色代码
Sep 25 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
详解JavaScript时间格式化
Dec 23 Javascript
Bootstrap每天必学之警告框插件
Apr 26 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
vue cli升级webapck4总结
Apr 04 Javascript
解决vue-cli3 使用子目录部署问题
Jul 19 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 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弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
thinkphp5使用无限极分类
2019/02/18 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
JavaScript中的类继承
2010/11/25 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
jquery实现图片预加载
2015/12/25 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
python中的内置函数getattr()介绍及示例
2014/07/20 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
Python之时间和日期使用小结
2019/02/14 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
食品营养与检测应届生求职信
2013/11/08 职场文书
工厂保洁员岗位职责
2013/12/04 职场文书
经理秘书求职自荐信范文
2014/03/23 职场文书
房产公证书范本
2014/04/10 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
Python+DeOldify实现老照片上色功能
2022/06/21 Python