DOM事件绑定方式

普通事件可以直接绑定

比如document.onmouseover=fn;

或者document.addEventListener("mouseover",fn,flase);

attachEvent("onmouseover",fn);

但是DOM事件只能用addEventListener 来绑定

document.addEventListener("DOMMouseScroll",fn,flase);

 

 

 

这样绑定事件的时候阻止默认行为

 

return false;

 

attachEvent 绑定方式也可以

 

addEventListener 在FF下需要用到event. preventDefault();

其他的时候用return flase;

所以兼容一下就好了

if(event.preventDefault){

  event.preventDefault();

}

return false;

 

 

 

 IE  attachEvent    mousewheel

FF  addEventListener  DOMMouseScroll

Chrome  addEventListener  mousewheel

 

 

所以封装一个函数来添加最好

function myAddEvent(obj,oEvent,fn){

   if(obj.attachEvent){

       obj.attachEvent("on"+oEvent,fn);

}

 

else if(obj.addEventListener){

   obj.addEventListener(oEvent,fn.false);

}

}

 

function fn(event){

   //IE Chrome下获取滚动的信息

   var scrollMessage=event.wheelDelta;  //向下滚<0

  // 在FF下获取滚动信息

   event.detail;  //向下滚>0

 

}