为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

阿波罗的战车 2019-02-12 21:49:14
怎么监听手从左向右滑动这个div,我想滑动后右侧出现删除按钮
查看完整描述

2 回答

?
慕运维8079593

TA贡献1876条经验 获得超5个赞

监听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);


查看完整回答
反对 回复 2019-02-19
  • 2 回答
  • 0 关注
  • 891 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信