收藏
回答

如何监听页面点击事件?

例如点击按钮,在按钮上显示了一个气泡,现在希望点击页面的任意一个地方,都可以将气泡隐藏。可以怎么做?

回答关注问题邀请回答
收藏

4 个回答

  • 夏味
    夏味
    02-23

    页面顶级写一个自定义组件 Page,监听 tap 事件即可

    <Page>

    子组件

    </Page>

    02-23
    有用
    回复
  • 微盟
    微盟
    02-23

    气泡弹出后,在整个页面添加一个透明的遮罩层,点击事件绑定到遮罩层上

    02-23
    有用
    回复 2
    • 小杏
      小杏
      02-23
      不行,页面上还会有其他的按钮
      02-23
      回复
    • 夏味
      夏味
      02-23
      对,如果有 2 个气泡,需要点击 2 次,才能触发另一个气泡
      02-23
      回复
  • 0
    0
    02-23

    看看气泡的显示控制代码

    02-23
    有用
    回复 4
    • 小杏
      小杏
      02-23
      只是一个类比,可以有页面点击的监听吗
      02-23
      回复
    • 小杏
      小杏
      02-23
      气泡加按钮是一个组件,我想在组件里面去监听页面点击
      02-23
      回复
    • 0
      0
      02-23回复小杏
      好像没有,你可以试试hover触发气泡,看看符合需求吗
      02-23
      回复
    • 小杏
      小杏
      02-23
      类似于pc端Dropdown下拉菜单之类的
      02-23
      回复
  • dreamhunter
    dreamhunter
    02-23

    气泡显示的时候有遮罩层么,有的话在遮罩层隐藏时候处理。

    02-23
    有用
    回复 2
    • 小杏
      小杏
      02-23
      没有遮罩
      02-23
      回复
    • dreamhunter
      dreamhunter
      02-26回复小杏
      需求是点其他地方(除了按钮),隐藏气泡?
      02-26
      回复
登录 后发表内容