JS—鼠标滚轮

自从12月20日考完六级（丢人），又和闺蜜过了两天圣诞，中间还投了几份简历，学了学jquery权威指南，期望年前可以在北京找到一份工作。
今天周五啦，知道今天写的笔记，周六日肯定又会沉啦。
没关系，笔记是写给自己看的，毛病是让他人挑的，好几次我看到自己的笔记里有错别字，大家都不出来指正，考虑要不要换个地方写，可是都积累这么多笔记换个地方，还得转移阵地，怪麻烦的，继续写吧！

---

• 鼠标滚轮事件，最早是IE6实现的，后来Opera、Chrome、Safari也都实现了这个事件。但是在opera9.5之前的版本与通用事件有些设置有出入。Firefox支持的滚轮事件与通用事件的名字及属性的设置也不一样。
  所以、要给出一个跨浏览器的解决方案。
• 方案
• 我们希望浏览器可以都这么实现
  事件名称：mousewheel；
  滚轮信息：event.wheelDelta;
  EventUtil.addHandler(document,"mousewheel",function(event){
  event=EventUtil.getEvent(event);
  alert(event.wheelDelta);//上滑120，下滑-120
  });
• opera早期版本正负号颠倒，所以需要这样
  wheelDelta值的正负号是颠倒的，需要在代码中，判断浏览器版本，来做相应的处理。
  书上是这样写的，但是由于我还没有仔细学习浏览器对象，所以对浏览器版本的区分还是不大熟悉。也没找出测试不通过的理由。
  EventUtil.addHandler(document,"mousewheel",function(event){
  event=EventUtil.getEvent(event);
  var delta=(client.engine.opera && client.engine.opera<9.5 ? -event.wheelDelta:event.wheelDelta);
  alert(delta);
  });
• Firefox
  他支持的鼠标滚轮事件名字是DOMMouseScrool;事件信息是：event.detail。
  EventUtil.addHandler(document,"DOMMouseScroll",function(event){
  event=EventUtil.getEvent(event);
  alert(event.detail);//上滑-3，下滑3
  });
• 跨浏览器的综合解决方案
• 继续为EventUtil添加方法
  getWheelDelta:function(event){
  if(event.wheelData){
  return (client.engine.opera && client.engine.opera<9.5 ? -event.wheelDelta:event.wheelDelta);
  }else{
  return -event.detail*40;
  }
  }
• 调用
  function handler(event){
  event=EventUtil.getEvent(event);
  var delta=EventUtil.getWheelDelta(event);
  alert(delta)
  }
  EventUtil.addHandler(document,"mousewheel",handler);
  EventUtil.add(document,"DOMMouseScroll",handler);
  这是书上给的解决方案，但是我在测试时，为了兼容欧朋早期版本所写的代码，依旧不起效果，等我仔细学了浏览器对象，再想办法解决，现在欧朋的版本已经到26+，所以也可以忽略这一兼容问题。
• 这个事件是冒泡事件除了IE8会冒泡到document，其他浏览器都会冒泡到window