文件名称:微信小程序使用touch事件实现左滑删除
文件大小:66KB
文件格式:PDF
更新时间:2024-04-18 10:51:23
微信,小,程序,使用,touch,事件,实现,左滑,删除,
前言 之前写过一篇微信小程序使用movable-view实现左滑删除功能,有同学使用了这种方案并提出我之前没有发现的bug(现在bug已进行了修复),感谢。 有同学问了如果不使用movable-view的话如何来实现左滑删除?那这次就写一下如何只使用touch事件来实现左滑删除。 源码 Talk is cheap. Show me the code. 实现原理 此次组件需要处理touchstart、touchmove和touchend三个touch事件 touchstart事件时需要先禁用掉transition动画,同时记录下触摸点的pageX和pageY的值,以及此时滑动的起始点,即删除按钮