[妙味DOM]第六课：鼠标滚轮和COOKIE

知识点总结：

•  鼠标滚轮事件

存在兼容性问题：
　　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

[妙味DOM]第六课：鼠标滚轮和COOKIE

原文：http://www.cnblogs.com/joya0411/p/3580139.html