zoukankan      html  css  js  c++  java
  • 鼠标滚轮事件

    //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;
              }
            }
    
          });
        }
    

      

  • 相关阅读:
    HTML5基础
    错题本
    字符串
    带参的方法
    人际猜拳参考答案:
    用户登录页面——jdbc
    多媒体播放系统案例
    七言
    七言
    表格设计案例
  • 原文地址:https://www.cnblogs.com/haitangxun/p/4429374.html
Copyright © 2011-2022 走看看