码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标滚轮事件

时间:2015-04-15 19:09:45      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

//onepaege-scroll源码里对鼠标滚轮事件的处理

$(document).bind(‘mousewheel DOMMouseScroll MozMousePixelScroll‘, function(event) {//DOMMouseScroll:ff,MozMosuePixelScroll:旧ff,mousewheel:其它浏览器
  event.preventDefault();//阻止默认行为,比如浏览器窗口有滚动条的时候阻止滚动条默认滚动?
  var delta = event.originalEvent.wheelDelta || -event.originalEvent.detail;//detail:+-3、ff,wheelDelta:+-120,其它浏览器
if(!$("body").hasClass("disabled-onepage-scroll")) init_scroll(event, delta);
});
if(settings.keyboard == true) {
      $(document).keydown(function(e) {
        var tag = e.target.tagName.toLowerCase();//ie e.target能取到值?----好吧发现不兼容ie9以下。。。。。

        if (!$("body").hasClass("disabled-onepage-scroll")) {
          switch(e.which) {
            case 38:
              if (tag != ‘input‘ && tag != ‘textarea‘) el.moveUp()
            break;
            case 40:
              if (tag != ‘input‘ && tag != ‘textarea‘) el.moveDown()
            break;
            case 33: //pageg up
              if (tag != ‘input‘ && tag != ‘textarea‘) el.moveUp()
            break;
            case 34: //page dwn
              if (tag != ‘input‘ && tag != ‘textarea‘) el.moveDown()
            break;
            case 36: //home
              el.moveTo(1);
            break;
            case 35: //end
              el.moveTo(total);
            break;
            default: return;
          }
        }

      });
    }

  

鼠标滚轮事件

标签:

原文地址:http://www.cnblogs.com/haitangxun/p/4429374.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!