jq怎么监听手机右滑座滑操作?

怎么监听手从左向右滑动这个div,我想滑动后右侧出现删除按钮
clipboard.png

阅读 3.1k
2 个回答

这跟jQ关系不大,毕竟jQ核心只负责DOM操作。触摸的东西你可以去找个手势库来做,比如可以用zepto加它的touch模块;也可以单独用第三方的手势库,然后用右滑事件回调来做。

监听touchstart事件,获取手指刚触摸屏幕的坐标位置主要是X轴,touchmove时获取手机X坐标,从左向右滑动的话后者减去前者应该是个正值,当两者之差超过某一数值时,让div的translateX改变

            obj.addEventListener('touchstart', function(event) { 
            if (event.targetTouches.length == 1) { 
            var touch = event.targetTouches[0]; 
            var startX=touch.pageX; 
            var disX;
            obj.addEventListener('touchmove',move);  
            function move(event){    
                event.preventDefault();
                    var touch2=event.targetTouches[0];
                    var moveX=touch2.pageX;
                    disX =  moveX - startX;        
                    console.log(disX );        
                    ........
         
            };
              obj.addEventListener('touchend',chend);
              function chend(event){
                obj.removeEventListener('touchmove',move);
                obj.removeEventListener('touchend',chend);
              };
        }; 
        }, false);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题