点击事件冒泡不符合预期
测试代码如下:
@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%")
}
}
onTouch 子节点(list中cell)点击红色
onClick 父节点 点击灰色
期望效果:
onTouch 子节点(list中cell)点击红色
子节点onTouch 已经设置阻止冒泡,父节点不应该影响 onClick事件
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
RichText组件font标签size属性不符合预期
1761浏览 • 1回复 待解决
相对布局RelativeContainer,当子组件设置了margin时居中效果不符合预期
2078浏览 • 1回复 待解决
相对布局RelativeContainer,当子组件设置了margin时,居中效果不符合预期
2053浏览 • 1回复 待解决
HarmonyOS text组件文本中有表情包时,没填满就截断了,截断位置不符合预期;如果是纯文本就是正常的
217浏览 • 1回复 待解决
HarmonyOS 轨迹线样式和预期不符
8浏览 • 1回复 待解决
如何阻止组件的鼠标事件冒泡到父组件
1777浏览 • 1回复 待解决
键鼠事件可以设置冒泡阻断,其他事件是否支持
1754浏览 • 1回复 待解决
HarmonyOS 崩溃数据45033线程和45037同时都打印了异常信号,是否符合预期?
211浏览 • 1回复 待解决
文档中提到键鼠事件可以设置冒泡阻断,其他事件是否支持
1997浏览 • 1回复 待解决
Slider拦截点击事件失败
164浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
241浏览 • 1回复 待解决
HarmonyOS ImageSpan点击事件无法触发
309浏览 • 1回复 待解决
HarmonyOS 请输出事件冒泡的详细文档,目前没有看到官网有提供
102浏览 • 1回复 待解决
父子组件间点击事件,有没有方法能够控制点击事件在不同的情况触发父/子组件的点击事件
754浏览 • 1回复 待解决
如何禁止Button的点击事件?
353浏览 • 1回复 待解决
HarmonyOS 屏幕点击事件监控代码
259浏览 • 1回复 待解决
鸿蒙CommonDialog怎么监听按钮点击事件?
5880浏览 • 1回复 待解决
当父组件绑定了onTouch,子组件绑定了onClick,点击子组件如何阻止冒泡传递
407浏览 • 1回复 待解决
服务卡片java如何设置点击事件
9383浏览 • 1回复 待解决
通知栏点击事件监听的方法
265浏览 • 1回复 待解决
点击事件,@State 页面未生效,在线等
2678浏览 • 0回复 待解决
HarmonyOS 滑动的触摸事件,也会触发点击事件响应
251浏览 • 1回复 待解决
如果为组件设置点击事件,并在点击后处理相关业务逻辑?
252浏览 • 1回复 待解决
HarmonyOS Navigation的事件里不能自定义backButton的点击事件
342浏览 • 1回复 待解决
stopPropagation阻止冒泡是onTouch的方法,不支持阻止点击事件的冒泡,onClick点击事件默认阻止事件冒泡。
例如:子组件注册了点击事件,则不管onTouch中stopPropagation是否阻止onTouch事件的冒泡,父组件的onClick时间均不会触发,onTouch和onClick时间互不影响。