#鸿蒙通关秘籍#如何防止事件冒泡导致父组件触发点击事件？

@Component
struct ClickEvent {
  @Consume isEnabled: boolean;
  @State parentCompResponseTimes: number = 0;

  build() {
    Column() {
      Column() {
        Column() {
          Button(this.isEnabled ? '子组件无响应' : '子组件响应')
            .enabled(false)
            .fontSize(16)
            .height(40)
            .onClick(() => {})
        }
        .hitTestBehavior(this.isEnabled ? HitTestMode.Block : HitTestMode.Default)
      }
      .width('100%')
      .height(100)
      .alignItems(HorizontalAlign.Center)
      .onClick(() => {
        this.parentCompResponseTimes++;
      })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.