存在兼容性问题:
IE/chorme
: onmousewheel
FF : DOMMouseScroll,必需用在addEventListener下,例如:
if (obj.addEventListener) { obj.addEventListener(‘DOMMouseScroll‘,fn,false); }
注:addEventListener也需要做兼容,该方法在FF和chorme有效,在IE中是attachEvent
滚轮属性:
IE/chorme:
ev.wheelDelta
下:-120
上:120
FF:
ev.detail
下:1
上:-1
考虑到兼容性,通过布尔值为进行兼容的处理,即:
var b = true; if (ev.wheelDelta) { b = ev.wheelDelta >0 ? true : false; } else { b = ev.detail < 0 ? false : true; } if (b) { alert(‘向上‘); } else { alert(‘向下‘); }
如果阻止鼠标的默认行为:
IE/chorme
: return false
FF :
obj.onclick = fn =>return
false;
obj.addEventListener(‘click‘,fn,false) =>
ev.preventDefault();
兼容处理:
if(ev.preventDefault) { ev.preventDefault(); }
[妙味DOM]第六课:鼠标滚轮和COOKIE,布布扣,bubuko.com
原文:http://www.cnblogs.com/joya0411/p/3580139.html