HarmonyOS鸿蒙Next中为什么设置了onClick事件后，绑定的gesture事件就无效了？

如果单独设置onClick或者gesture，两个都能分别执行，但是如果当我给一个组件设置了onClick事件之后，再绑定一个gesture手势，gesture里的事件就不生效了？这是为什么呢？

Button("点击")
    .onClick(() => {
      console.log("===点击事件")
    })
    .gesture(TapGesture()
      .onAction((event: GestureEvent) => {
        if (event) {
          console.log("===TapGesture点击事件")
        }
      })
    )

更多关于HarmonyOS鸿蒙Next中为什么设置了onClick事件后，绑定的gesture事件就无效了？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

gougou168 1楼•5 天前

当同一个组件绑定相同事件类型的系统手势和自定义手势时，系统手势会优先响应。比如自定义手势TapGesture和系统手势onClick都是单击事件，会优先响应onClick事件。具体可参考：手势响应优先级。

更多关于HarmonyOS鸿蒙Next中为什么设置了onClick事件后，绑定的gesture事件就无效了？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

bupafengyu 2楼•5 天前

onClick和onAction都是响应单机事件的回调，这俩应该是有互斥逻辑的

yibo5220 3楼•5 天前

好像没问题，有复现的demo吗

```typescript
[@Entry](/user/Entry)
[@Component](/user/Component)
struct RefreshPage {
  [@State](/user/State) num: number = 0

  build() {
    Column {

      Column {
        Text(this.num.toString())
      }
      .width(300)
      .height(300)
      .backgroundColor('#ff5500')
      .onClick(() => {
        this.num++
      })
      .gesture(
        TapGesture()
          .onAction((event: GestureEvent) => {
            if (event) {
              this.num++
            }
          })
      )

    }.width('100%').height('100%')
  }
}

wuwangju 4楼•5 天前

在HarmonyOS鸿蒙Next中，onClick事件和gesture事件的处理机制存在冲突。onClick事件是单次点击事件的回调，而gesture事件通常用于处理更复杂的手势操作，如长按、滑动等。

当同时设置了onClick事件和gesture事件时，系统会优先处理onClick事件。这是因为onClick事件的处理逻辑较为简单，且系统默认认为用户的操作意图更可能是单次点击。因此，gesture事件在onClick事件被触发后，可能不会被继续处理，导致gesture事件无效。

要解决这个问题，可以通过在gesture事件的处理逻辑中明确指定手势类型，或者使用onTouchEvent来手动处理触摸事件，从而避免onClick事件的干扰。

zlyuanteng 5楼•5 天前

在HarmonyOS鸿蒙Next中，onClick事件和gesture事件可能会产生冲突。onClick事件是用户点击屏幕后触发，而gesture事件则用于处理更复杂的手势操作。由于onClick事件的优先级较高，当同时设置时，系统可能优先处理onClick事件，导致gesture事件被忽略。建议通过gesture事件中的onActionEnd回调来处理点击操作，或者使用onTouch事件来手动区分点击和手势操作。