问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

关闭弹出框的焦点问题

头像
undefind_5
    1.5k1298133

    (移动端)有一个弹出框，绝对定位再页面底部的，现在我需要点击这个弹出框外部的任何区域都能关闭该弹出框，我尝试了把事件绑定到body上，没反应，绑定到弹出框的父元素上，仍然没反应。
    如何绑定事件，区分点击的是否为弹出框区域，如果不是就关闭弹出框？
    页面内容太多，层级也很复杂，代码就不贴了。希望大家能指点一下，如果有能实现类似功能的插件也可以

    javascript
    阅读 2.7k
    2 个回答
    得票最新
    头像
    小丑
      9171114

      实在不行就来一个遮罩层，弹出框出现它也出现，给它绑定一个事件，关闭弹出框，遮罩层也消失

      头像
      Captain
        2.9k42233

        先给你的弹出框阻止冒泡 然后给document绑定事件

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题