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点击事件无法触发
806浏览 • 1回复 待解决
HarmonyOS 回车触发点击事件
325浏览 • 1回复 待解决
HarmonyOS onPageShow事件无法触发
498浏览 • 1回复 待解决
HarmonyOS onPageShow事件无法触发
303浏览 • 1回复 待解决
HarmonyOS 滑动的触摸事件,也会触发点击事件响应
794浏览 • 1回复 待解决
图片组件无法触发LongPressGesture长按事件
756浏览 • 1回复 待解决
js开发wearable onswipe事件无法触发
8083浏览 • 1回复 已解决
是否可以通过代码触发组件的点击事件
2216浏览 • 1回复 待解决
HarmonyOS 气泡提示(Popup)气泡箭头颜色如何自定义
368浏览 • 1回复 待解决
HarmonyOS怎么通过点击事件触发显示swipeAction的控件显示?
670浏览 • 1回复 待解决
焦点事件onBlur/onFocus回调无法触发
2358浏览 • 1回复 待解决
HarmonyOS Slider组件气泡提示显示不全
459浏览 • 1回复 待解决
父子组件间点击事件,有没有方法能够控制点击事件在不同的情况触发父/子组件的点击事件
1317浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何防止事件冒泡导致父组件触发点击事件?
493浏览 • 1回复 待解决
HarmonyOS 如何通过代码触发一个控件的点击事件?
669浏览 • 1回复 待解决
HarmonyOS ArkTS有没有点击下拉框触发的事件
478浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
653浏览 • 1回复 待解决
HarmonyOS Popup是阻塞式的么,气泡不消失无法点击进行其他交互
146浏览 • 1回复 待解决
HarmonyOS 非首次打开的webivew组件无法触发webInited事件
146浏览 • 1回复 待解决
HarmonyOS @ohos.ArkUI.advanced.SegmentButton (分段按钮) 如何触发点击事件
380浏览 • 1回复 待解决
HarmonyOS 如何在一个事件中触发另外一个button的点击事件
492浏览 • 1回复 待解决
HarmonyOS Button组件无法触发获取焦点和失去焦点事件
633浏览 • 1回复 待解决
HarmonyOS 手势识别双击,无论双击间隔多快,均无法触发,都触发单击事件
737浏览 • 1回复 待解决
鸿蒙js 捕获事件绑定 无法触发,请大神赐教!
8264浏览 • 2回复 待解决
HarmonyOS 事件触发相关
385浏览 • 1回复 待解决
将popup的mask属性设置为false,autoCancel设为false,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-popup-V5#custompopupoptions8类型说明