Rumah  >  Artikel  >  hujung hadapan web  >  JS弹框点击外部隐藏技巧代码

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

小云云
小云云asal
2018-03-07 15:14:562064semak imbas

本文主要和大家分享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功能

Atas ialah kandungan terperinci JS弹框点击外部隐藏技巧代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn