欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-18 19:00:15
...
本文主要和大家分享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弹框点击外部隐藏技巧代码的详细内容,更多请关注其它相关文章!