如何用js实现类似qq滑动删除的效果

 我来答
百度网友951d77399
2016-04-27 · 超过61用户采纳过TA的回答
知道小有建树答主
回答量:98
采纳率:0%
帮助的人:129万
展开全部
手机上的话监听touchstart事件,触发后给元素加上touchmove和touchend的监听,触发touchmove让元素跟着手指移动并记录移动距离,一旦touchend触发,根据移动距离显示删除确认按钮还是播放元素回位动画
其实就是把pc端的mouse事件换成touch事件

具体代码就不写了,比较多
更多追问追答
追问
如何让元素跟着手指移动?touchmove可以吗?谢谢
追答
手指在屏幕上移动的时候会多次触发touchmove事件,每次触发你获取触发时手指的坐标,并计算和上次触发时的坐标偏移,再把元素的坐标加上这个偏移,如果只允许左右滑动就只偏移元素的left属性
touchend触发的时候要记得移除touchmove的监听
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式