支持IE和Firefox的鼠标滚轮事件JavaScript代码

来源:互联网 发布:天天酷跑清除数据 编辑:程序博客网 时间:2024/06/11 20:56
  1. 滚轮IE和Firefox的代码不一样:IE是mousewheel事件,Firefox是DOMMouseScroll事件事件属性,IE是event.wheelDelta,Firefox是event.detail属性的方向值也不一样,IE向上滚 > 0,Firefox向下滚 > 0
  2. //滚轮放大或缩小,基于Prototype 1.6
  3. var scrollfunc = function(event) {
  4.         var direct = 0;
  5.         if (event.wheelDelta) {
  6.                 direct = event.wheelDelta > 0 ? 1 : -1;
  7.         } else if (event.detail) {
  8.                 direct = event.detail < 0 ? 1 : -1;
  9.         }
  10.         zoom(direct);
  11. };
  12. Event.observe(document, 'mousewheel', scrollfunc);
  13. Event.observe(document, 'DOMMouseScroll', scrollfunc); //firefox