点击事件冒泡不符合预期

@Entry 
@Component 
struct Index { 
  private arr: number[] = [0] 
 
  build() { 
    Stack() { 
 
      Text("父子关系") 
        .position({ x: 100, y: 50 }) 
        .height(50) 
        .width(100) 
      Stack() { 
        List() { 
          ListItemGroup() { 
            ForEach(this.arr, (item: number) => { 
              ListItem() { 
                Text(item.toString()) 
                  .width('100%') 
                  .height(100) 
                  .backgroundColor(Color.Red) 
                  .fontSize(16) 
                  .textAlign(TextAlign.Center) 
              } 
              // .onClick((event:ClickEvent) => { 
              // console.log(“事件响应：onClick 子节点（list中cell）点击红色”) 
              // }) 
              .onTouch((event: TouchEvent) => { 
                if (event.type == TouchType.Down) { 
                  console.log("事件响应： onTouch 子节点（list中cell）点击红色") 
                } 
                event.stopPropagation() 
              }) 
            }, (item: string) => item) 
          } 
        } 
        .width(150) 
        .height(130) 
      } 
      .position({ x: 100, y: 100 }) 
      .width(150) 
      .height(130) 
      .backgroundColor(Color.Gray) 
      .borderWidth(2) 
      .borderColor(Color.Black) 
      .clip(false) 
      .onClick((event: ClickEvent) => { 
        console.log("事件响应： onClick 父节点 点击灰色") 
      }) 
    } 
    .width("100%") 
    .height("100%") 
  } 
}