JS弹框点击外部隐藏技巧代码

本文主要和大家分享JS弹框点击外部隐藏技巧代码，希望能帮助到大家。

$(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('#bellp').hide();
}

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

相关推荐：

js自定义弹框插件的封装实例介绍

javascript实现无法关闭的弹框示例代码

jQuery点击任何地方隐藏DIV功能

以上就是JS弹框点击外部隐藏技巧代码的详细内容，更多请关注php中文网其它相关文章！