普通事件可以直接绑定
比如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
}