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

}