harmonyos - 当父组件绑定了onTouch，其子组件Button绑定了onClick，如何做到点击Button只响应Button的onClick，而不用响应父组件的onTouch?

Question

当父组件绑定了onTouch，其子组件Button绑定了onClick，如何做到点击Button只响应Button的onClick，而不用响应父组件的onTouch

Answer 1

可以在Button组件中绑定onTouch，并在onTouch中使用stopPropagation()阻止onTouch冒泡传递到父组件阻止冒泡传递。

代码示例

@Entry @Component struct Index {    build() {     Row() {       Button('点击我')         .width(100)         .width(100)         .backgroundColor('#f00')         .onClick(() => {           console.log('Button onClick');         })         .onTouch((event) => {           console.log('Button onTouch');           event.stopPropagation();         })     }     .onTouch(() => {       console.log('Row onTouch');     })   } }