猿问

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

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

阿波罗的战车
浏览 892回答 2
2回答

慕运维8079593

监听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);
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答