HarmonyOS pop气泡提示时点击事件无法触发
监听了这个鼠标移动到上面然后谈一个pop提示,现在有一个问题,这个pop出现的时候,影响这个click点击事件的响应,pop存在的时候点击事件不生效,pop消失了,点击事件才能正常响应。如何做到鼠标移动到控件上面,pop能弹出同时不影响控件click的响应?
代码如下:
struct PopupExample {
@State handlePopup: boolean = false
@State customPopup: boolean = false
// popup构造器定义气泡内容
@Builder
popupBuilder() {
Row() {
Text('Custom Popup Message').fontSize(10)
}.height(50).padding(5)
}
build() {
Column({ space: 100 }) {
Button('CustomPopupOptions')
.onHover(() => {
this.customPopup = !this.customPopup
console.log("鼠标悬停")
})
.onClick(() => {
this.customPopup = false
savefile()
})
.bindPopup(this.customPopup, {
// CustomPopupOptions类型气泡的内容
builder: this.popupBuilder,
targetSpace: '15vp',
enableArrow: false, // 气泡弹出时不显示箭头
onStateChange: (e) => {
if (!e.isVisible) {
this.customPopup = false
}
}
})
}.margin(20)
}
}
function savefile() {
console.log("保存文件")
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS ImageSpan点击事件无法触发
596浏览 • 1回复 待解决
HarmonyOS 回车触发点击事件
32浏览 • 1回复 待解决
HarmonyOS onPageShow事件无法触发
189浏览 • 1回复 待解决
HarmonyOS onPageShow事件无法触发
106浏览 • 1回复 待解决
HarmonyOS 滑动的触摸事件,也会触发点击事件响应
596浏览 • 1回复 待解决
图片组件无法触发LongPressGesture长按事件
500浏览 • 1回复 待解决
js开发wearable onswipe事件无法触发
7917浏览 • 1回复 已解决
HarmonyOS 气泡提示(Popup)气泡箭头颜色如何自定义
184浏览 • 1回复 待解决
是否可以通过代码触发组件的点击事件
2001浏览 • 1回复 待解决
HarmonyOS Slider组件气泡提示显示不全
279浏览 • 1回复 待解决
HarmonyOS怎么通过点击事件触发显示swipeAction的控件显示?
490浏览 • 1回复 待解决
焦点事件onBlur/onFocus回调无法触发
2215浏览 • 1回复 待解决
父子组件间点击事件,有没有方法能够控制点击事件在不同的情况触发父/子组件的点击事件
1065浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何防止事件冒泡导致父组件触发点击事件?
338浏览 • 1回复 待解决
HarmonyOS Popup是阻塞式的么,气泡不消失无法点击进行其他交互
85浏览 • 1回复 待解决
HarmonyOS 如何通过代码触发一个控件的点击事件?
459浏览 • 1回复 待解决
HarmonyOS ArkTS有没有点击下拉框触发的事件
219浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
546浏览 • 1回复 待解决
HarmonyOS 气泡提示popup设置popupColor不生效问题
808浏览 • 1回复 待解决
HarmonyOS 气泡提示 (Popup)怎么去除背景色
207浏览 • 1回复 待解决
HarmonyOS 非首次打开的webivew组件无法触发webInited事件
85浏览 • 1回复 待解决
HarmonyOS @ohos.ArkUI.advanced.SegmentButton (分段按钮) 如何触发点击事件
177浏览 • 1回复 待解决
HarmonyOS Button组件无法触发获取焦点和失去焦点事件
340浏览 • 1回复 待解决
HarmonyOS 如何在一个事件中触发另外一个button的点击事件
270浏览 • 1回复 待解决
HarmonyOS 手势识别双击,无论双击间隔多快,均无法触发,都触发单击事件
489浏览 • 1回复 待解决
将popup的mask属性设置为false,autoCancel设为false,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-popup-V5#custompopupoptions8类型说明