uni @touchmove 事件与 下拉刷新事件冲突，页面里面有一个拖拽元素，使用到了@touchmove事件，iOS和PC的H5都没问题，拖拽和下拉不冲突，但是安卓的下拉刷新和这个事件会同时进行，有使用事件修饰符阻止,但是没效果，请问大佬们 这个BUG能否解决一下。目前项目拖拽和下拉都比较需要。
1***@qq.com
- 发布：2020-08-19 19:35
- 更新：2023-09-09 16:36
- 阅读：3128
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 不清楚
HBuilderX类型： 正式
HBuilderX版本号： 2.8.6
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： mate 40
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
uni @touchmove 事件与 下拉刷新事件冲突，页面里面有一个拖拽元素，使用到了@touchmove事件，iOS和PC的H5都没问题，拖拽和下拉不冲突，但是安卓的下拉刷新和这个事件会同时进行，有使用事件修饰符阻止,但是没效果，请问大佬们 这个BUG能否解决一下。目前项目拖拽和下拉都比较需要。
uni @touchmove 事件与 下拉刷新事件冲突，页面里面有一个拖拽元素，使用到了@touchmove事件，iOS和PC的H5都没问题，拖拽和下拉不冲突，但是安卓的下拉刷新和这个事件会同时进行，有使用事件修饰符阻止,但是没效果，请问大佬们 这个BUG能否解决一下。目前项目拖拽和下拉都比较需要。
实际结果：
uni @touchmove 事件与 下拉刷新事件冲突，页面里面有一个拖拽元素，使用到了@touchmove事件，iOS和PC的H5都没问题，拖拽和下拉不冲突，但是安卓的下拉刷新和这个事件会同时进行，有使用事件修饰符阻止,但是没效果，请问大佬们 这个BUG能否解决一下。目前项目拖拽和下拉都比较需要。
uni @touchmove 事件与 下拉刷新事件冲突，页面里面有一个拖拽元素，使用到了@touchmove事件，iOS和PC的H5都没问题，拖拽和下拉不冲突，但是安卓的下拉刷新和这个事件会同时进行，有使用事件修饰符阻止,但是没效果，请问大佬们 这个BUG能否解决一下。目前项目拖拽和下拉都比较需要。
bug描述：
uni @touchmove 事件与 下拉刷新事件冲突，页面里面有一个拖拽元素，使用到了@touchmove事件，iOS和PC的H5都没问题，拖拽和下拉不冲突，但是安卓的下拉刷新和这个事件会同时进行，有使用事件修饰符阻止,但是没效果，请问大佬们 这个BUG能否解决一下。目前项目拖拽和下拉都比较需要。
11 个回复
1***@qq.com (作者) - 90后IT男
请问有大佬知道这个BUG 如何解决吗。感觉还是很常见的一个场景呢
1***@qq.com (作者) - 90后IT男
大佬们help
1***@qq.com (作者) - 90后IT男
算了 解决不了 最后只有自己写个下拉刷新了不用原生的。。但是其实很希望官方能解决下这个问题 虽然有movable-area组件，但是这个有布局限制，有些地方还是需要使用@touchmove。。。
1***@qq.com
类似问题，用movable-area写了个全局拖动悬浮按钮，按钮往下拖动时会触发下拉刷新
1***@qq.com
给movable-view 重新定义@touchmove事件就好了
1***@qq.com (作者)
啊 大佬 请问movable-view 如何重新定义事件呀，能否贴下代码 感谢。。 这个问题安卓机上确实影响不小
2020-09-16 10:35
1***@qq.com
回复 1***@qq.com: 直接在movable-view html标签上绑定一个@touchmove就可以了
2020-09-17 14:55
DKUN
楼主解决了么
zhaoyu2020 - 一只小小鸟
这个问题还没解决吗？
南风抚我意
目前还是有这个问题
3***@qq.com
已解决：
页面引入 page-meta 组件
按钮@touchstart按下的时候禁用下拉刷新，@touchend松开的时候启用下拉刷新
4***@qq.com
在拖拽标签上添加@touchmove.stop.prevent=""，如<movable-view direction="all" out-of-bounds @touchmove.stop.prevent="">text</movable-view>
无心木偶
禁用原生的下拉刷新，下拉刷新和上拉加载用z-paging插件，@touchstart的时候关闭z-paging的下拉刷新（refresher-enabled: false）和上拉加载（loading-more-enabled: false）,@touchcancel和@touchend的时候又开启z-paging的下拉刷新和上拉加载
6***@qq.com
我的问题跟你的差不多，我是关闭系统的下拉刷新使用的z-paging下拉刷新，@touchcancel和@touchend后触发的是系统的下拉，而不是z-paging的下拉刷新；手机端出现了问题，pc端没有问题
2024-12-28 00:47