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
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS ImageSpan点击事件无法触发
596浏览 • 1回复 待解决
HarmonyOS 回车触发点击事件
32浏览 • 1回复 待解决
HarmonyOS onPageShow事件无法触发
189浏览 • 1回复 待解决
HarmonyOS onPageShow事件无法触发
106浏览 • 1回复 待解决
js开发wearable onswipe事件无法触发
7917浏览 • 1回复 已解决
HarmonyOS Slider组件气泡提示显示不全
279浏览 • 1回复 待解决
焦点事件onBlur/onFocus回调无法触发
2215浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
546浏览 • 1回复 待解决