#鸿蒙通关秘籍#如何在触摸事件中阻止父组件的事件冒泡？

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

  build() {
    Column() {
      Column() {
        Text(this.isEnabled ? '子组件无响应' : '子组件响应')
          .height(40)
          .textAlign(TextAlign.Center)
          .backgroundColor(Color.White)
          .padding(10)
          .onTouch((event) => {
            if (this.isEnabled) {
              event.stopPropagation();
            }
            this.childCompResponseTimes++;
          })
      }
      .width('100%')
      .height(100)
      .alignItems(HorizontalAlign.Center)
      .onTouch(() => {
        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.
27.
28.
29.
30.