javascript 兼容鼠标滚轮事件

2019-12-25,,,

这个事件在标准下和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);

您可能感兴趣的文章:

  • js中鼠标滚轮事件详解(firefox多浏览器)
  • JS滚轮事件onmousewheel使用介绍
  • javascript监听鼠标滚轮事件浅析
  • javascript 鼠标滚轮事件
  • js捕获鼠标滚轮事件代码
  • javascript实现禁止鼠标滚轮事件
  • JavaScript 滚轮事件使用说明
  • JavaScript焦点事件、鼠标事件和滚轮事件使用详解
  • 两种js监听滚轮事件的实现方法
  • javascript滚轮事件基础实例讲解(37)

《javascript 兼容鼠标滚轮事件.doc》

下载本文的Word格式文档,以方便收藏与打印。