Jquery 实现弹出框点击自身以外的地方（遮罩层）关闭弹出框

180it 2019-09-24 AM 2741℃ 0条

前言
如果想直接测试看效果，源码放在了文章的最后面，关键地方都有注释

应用场景：有一个按钮，点击弹出一个弹框，里面被放置一些内容，点击弹框本身弹框是不会被关闭的，但是点击弹框以为的遮罩层弹框就会被关闭

HTML部分

<!DOCTYPE html>

jq点击自身以为关闭弹出窗

<!-- 弹出框 -->
<div class="branch-proup">
  <div class="branch-proup-content">
    <!-- 弹出框内容 -->
  </div>
</div>

————————————————

赏

支付宝打赏

微信打赏

如果文章或资源对您有帮助，欢迎打赏作者。一路走来，感谢有您！

标签: none

Jquery 实现弹出框点击自身以外的地方（遮罩层）关闭弹出框