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 相关文章推荐
DWZ table的原生分页浅谈
Mar 01 Javascript
iframe子父页面调用js函数示例
Nov 07 Javascript
jquery遍历select元素(实例讲解)
Dec 31 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
Vue通过provide inject实现组件通信
Sep 03 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
批量修改RAR文件注释的php代码
2010/11/20 PHP
FirePHP 推荐一款PHP调试工具
2011/04/23 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
PHP进程通信基础之信号
2017/02/19 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
javascript中通过arguments参数伪装方法重载
2014/10/08 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
2016/11/16 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
详解vue.js 开发环境搭建最简单攻略
2017/06/12 Javascript
Angular.js自动化测试之protractor详解
2017/07/07 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
详解ES6 系列之异步处理实战
2018/10/26 Javascript
js实现橱窗展示效果
2020/01/11 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
[50:59]2018DOTA2亚洲邀请赛 4.7 总决赛 LGD vs Mineski第四场
2018/04/10 DOTA
Python中自定义函数的教程
2015/04/27 Python
python中hashlib模块用法示例
2017/10/30 Python
Python中enumerate函数代码解析
2017/10/31 Python
Python装饰器简单用法实例小结
2018/12/03 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
Html5定位终极解决方案
2020/02/05 HTML / CSS
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
领导干部培训感言
2014/01/23 职场文书
销售人员求职信
2014/07/22 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
2015年城管执法工作总结
2015/07/23 职场文书