收藏
回答

如何监听自定义组件外部的点击事件?

我做了一个下拉列表的自定义组件,现页面中需要多个下拉列表都使用的此组件,我想要在点击一个组件外部的区域就将下拉列表关闭。但是我不知道如何检测到点击了外部区域,希望有大佬能够指点一下

    大概就是这个样子的。。




-----------------------------------------------------------------------------------------------

想到解决的办法啦,利用冒泡解决的。谢谢大家的答疑啦。

https://developers.weixin.qq.com/s/2dMtYZmf7lbz

类似于这样的操作吧...

最后一次编辑于  2019-10-09
回答关注问题邀请回答
收藏

3 个回答

  • 卢霄霄
    卢霄霄
    2019-10-09

    可以暴力一点,看起来只有菜单部分,其实整个页面都罩了一个透明cover

    2019-10-09
    赞同 1
    回复 2
    • 时之旅人
      时之旅人
      2019-10-09
      这样也想过,但是点其他有用的地方就至少需要点击两次,体验太不好了。。
      2019-10-09
      回复
    • 卢霄霄
      卢霄霄
      2019-10-10回复时之旅人
      包在里面就能穿透过去了
      2019-10-10
      1
      回复
  • 罗梅光
    罗梅光
    2019-10-09

    传参。

    页面HTML-

    组件JS-

    组件HTML-


    2019-10-09
    赞同 1
    回复
  • undefined
    undefined
    2019-10-09

    给组件传参

    2019-10-09
    赞同 1
    回复 1
    • 时之旅人
      时之旅人
      2019-10-09
      不知道要怎么做,需要做的是点击组件区域在任意一个位置都可以触发的事件
      2019-10-09
      回复
登录 后发表内容
问题标签