• 手机的touch事件(基于jquery)


    javascript代码:

    $.swipe=function(opt){
      var o = $.extend({
        mainSelector:"",
        swipeLeft:function(e,v){},
        swipeRight:function(e,v){},
        swipeEnds:function(v,e){}
    }, opt || {});
      var startX=0,startY=0;
    var obj={
        touchStart: function (e){
            var touchx= e.touches[0].pageX;
            var touchy= e.touches[0].pageY;
            startX = parseInt(touchx,10);
            startY = parseInt(touchy,10);
        },
        touchMove:function(e){
            var touchmx= e.touches[0].pageX,
            touchmy= e.touches[0].pageY,
            dirX=parseInt(touchmx-startX,10);
            dirY=parseInt(touchmy-startY,10);
            if(dirX<0){
                o.swipeLeft(e,dirX);
            }else{
               o.swipeRight(e,dirX);
            }
            
            if(dirY<0){
                o.swipeTop(e,dirY);
            }else{
                o.swipeBottom(e,dirY);
            }
        },
        touchEnd:function(e){
           o.swipeEnds(e);
        },
        bindEvent:function(els){
            var elem=$(els);
            for(var i=0,_len=elem.length;i<_len;i++){
              elem[i].addEventListener('touchstart', obj.touchStart, false);
              elem[i].addEventListener('touchmove', obj.touchMove, false);
              elem[i].addEventListener('touchend', obj.touchEnd, false);
            }
        }
    };
    obj.bindEvent(o.mainSelector);
    return obj;
    }; 

    传入的是选择器和swipeLeft,swipeRight的回调事件

  • 相关阅读:
    [2020多校联考]甲虫
    .eww
    MinGW安装c-c++
    .竖梁上的两个孔最小距离可以是多少呢?PS15D
    .dwg(sw)-exb
    开始学emacs-1
    看jpg和png图片
    .系列化参数关系
    2015计划
    大蚂蚁在64位系统下,右键没有快发的解决方案
  • 原文地址:https://www.cnblogs.com/heimanba/p/3869597.html
Copyright © 2020-2023  润新知