如何用js实现类似qq滑动删除的效果
1个回答
展开全部
手机上的话监听touchstart事件,触发后给元素加上touchmove和touchend的监听,触发touchmove让元素跟着手指移动并记录移动距离,一旦touchend触发,根据移动距离显示删除确认按钮还是播放元素回位动画
其实就是把pc端的mouse事件换成touch事件
具体代码就不写了,比较多
其实就是把pc端的mouse事件换成touch事件
具体代码就不写了,比较多
更多追问追答
追问
如何让元素跟着手指移动?touchmove可以吗?谢谢
追答
手指在屏幕上移动的时候会多次触发touchmove事件,每次触发你获取触发时手指的坐标,并计算和上次触发时的坐标偏移,再把元素的坐标加上这个偏移,如果只允许左右滑动就只偏移元素的left属性
touchend触发的时候要记得移除touchmove的监听
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询