首页 > 其他 > 详细

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

时间:2014-03-04 23:55:59      阅读:703      评论:0      收藏:0      [点我收藏+]

知识点总结:

  •  鼠标滚轮事件

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

考虑到兼容性,通过布尔值为进行兼容的处理,即:

bubuko.com,布布扣
        var b = true;
        if (ev.wheelDelta) {
            b = ev.wheelDelta >0 ? true : false;
        } else {
            b = ev.detail < 0 ? false : true;
        }

        if (b) {
            alert(‘向上‘);
        } else {
            alert(‘向下‘);
        }
bubuko.com,布布扣

如果阻止鼠标的默认行为:
  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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!