JS（二十七）弹框点击外部隐藏技巧

最新推荐文章于 2023-03-30 11:52:49 发布

fullstack_lth

最新推荐文章于 2023-03-30 11:52:49 发布

阅读量1.1k

点赞数

分类专栏： web JavaScript

本文链接：https://blog.csdn.net/u014744118/article/details/79465148

版权

JavaScript 同时被 2 个专栏收录

51 篇文章 1 订阅

订阅专栏

web

37 篇文章 7 订阅

订阅专栏

$(document).click(function (e) {
    if (!$(e.target).hasClass('alert-container') && $(e.target).parents('.alert-container').length === 0
        && !$(e.target).hasClass('btn-eco-bell') && $(e.target).parents('.btn-eco-bell').length === 0) {
        that.$el.find('#bellDiv').hide();
}

此事件绑定技巧在于alert-container类为弹窗div，btn-eco-bell为点击按钮，如果点击弹窗内部并且不点击按钮，不隐藏弹窗；点击外部或者点击弹框内按钮会隐藏弹窗div。