javascript 兼容鼠标滚轮事件
2009-04-07 00:00
966 查看
这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。
当然一行代码就解决了兼容问题
事件属性,IE是event.wheelDelta,Firefox是event.detail 属性的方向值也不一样,IE向上滚 > 0,Firefox向下滚 > 0。
最新的jquery1.3.2仍然没有增加滚轮事件,但可以用jquery的bind去绑定任何事件,当然得加上上面那句。
不过jquery有个插件已经加上了该功能。见http://brandonaaron.net/code/mousewheel/demos
这样使用:
当然一行代码就解决了兼容问题
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鼠标和滚轮事件
- JavaScript焦点事件、鼠标事件和滚轮事件使用详解
- JavaScript焦点事件、鼠标事件和滚轮事件使用详解
- JavaScript事件类型中焦点、鼠标和滚轮事件详解
- js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
- 兼容firefox的鼠标滚轮事件
- js鼠标滚轮事件兼容
- javascript 鼠标滚轮事件
- 兼容各浏览器的鼠标滚轮事件
- Javascript鼠标和滚轮事件
- 鼠标的滚轮javascript事件
- 解析javascript中鼠标滚轮事件
- 关于JavaScript中监听鼠标滚轮事件
- 兼容各浏览器获取鼠标滚轮上下滚动事件
- javascript实现禁止鼠标滚轮事件
- javascript实现禁止鼠标滚轮事件
- 【转】兼容IE和FireFox的鼠标滚轮事件
- javascript基础四 (事件应用鼠标滚轮)
- JavaScript事件类型中焦点、鼠标和滚轮事件详解