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弹框点击外部隐藏技巧代码的详细内容,更多请关注其它相关文章!
上一篇: 关于后缀表达式的3篇文章推荐
下一篇: php递归函数出现返回值问题的解决
推荐阅读
-
js利用事件的阻止冒泡实现点击空白模态框的隐藏_javascript技巧
-
js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
-
js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
-
js利用事件的阻止冒泡实现点击空白模态框的隐藏_javascript技巧
-
点击隐藏页面左栏或右栏实现js代码_javascript技巧
-
点击隐藏页面左栏或右栏实现js代码_javascript技巧
-
js点击文本框后才加载验证码实例代码_javascript技巧
-
JS弹框点击外部隐藏技巧代码
-
js点击文本框后才加载验证码实例代码_javascript技巧
-
JS弹框点击外部隐藏技巧代码