微信小程序touchend事件不触发

浏览:491 发布日期:2021/03/03 分类:功能实现 关键字: wx 微信小程序 js
用微信小程序开发录音功能,收支按住录音图标触发touchstart开始录音,手指滑动触发touchmove判断向上滑动取消录音,手指离开触发touchend关闭录音;但是每次手指离开都不能触发touchend,一直在录音;
网上查找问题,有前辈测试出两个不能触发touchend的bug,一个是我现在遇到的:容器具有 position:fiexd 并且bottom或right:0px。意思就是拥有touchend事件的元素,含有position:fiexd这个style,并且bottom或right属性为0,touchend就会失效,父元素如果也是fiexd同样会触发这个bug。
解决方法:(1)改用其他定位方式;这个我没试过,因为我需要fiexd;(2)不使用bottom或right,使用top或left。这个也可能会有bug,但是几率小。我采用这种方案。
前辈测试出的另一个bug是:前辈使用button触发touchend,当button里面为空时,touchend不触发
解决方案:button中填写文字或者加空格;
在这里记录一下,加深印象以及帮助和我遇到同样问题的道友
评论( 相关
后面还有条评论,点击查看>>