uni-app 安卓 长按事件导致点击事件失效

uni-app 安卓 长按事件导致点击事件失效

| 开发环境 | 版本号 | 项目创建方式 |
|----------|--------|--------------|
| Windows  | win10  | HBuilderX     |

### 示例代码：

<view @tap="onTap"><view @longpress.stop="onLongpress"></view></view>

操作步骤：

点击


### 预期结果：

触发点击事件

实际结果：

未触发


### bug描述：

安卓长按事件导致点击事件失效，这个问题有解决方案吗，按理说官方应该知道这个bug的

更多关于uni-app 安卓 长按事件导致点击事件失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 安卓 长按事件导致点击事件失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个常见的事件冒泡问题。在uni-app中，安卓平台的长按事件（longpress）默认会阻止后续的点击事件（tap）触发。

解决方案：

  1. 使用事件修饰符：在长按事件上添加 .prevent 修饰符
<view @tap="onTap">
  <view @longpress.stop.prevent="onLongpress"></view>
</view>
  1. 手动处理事件：在长按事件回调中手动处理事件传播
onLongpress(e) {
  e.stopPropagation()
  // 长按业务逻辑
}
回到顶部