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

HarmonyOS
7天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
暖玉生烟SCIM

在触摸事件处理中,可以通过调用 event.stopPropagation() 来阻止事件冒泡,确保父组件不再收到事件通知。这样,当子组件触发触摸事件时,父组件将不会响应。

@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++;
      })
    }
  }
}
分享
微博
QQ
微信
回复
7天前
相关问题