单击任意位置关闭 javascript 弹出窗口？

Question

我是超级新手，需要快速的建议。我需要在模态之外点击关闭弹出窗口。

这是代码。对此有什么建议吗？

    $('.login-btn').on('click', function () {
    $('.signin-parent').show();
});
$('.signin-btn').on('click', function () {
    console.log('erhan')
    $('.signin-parent').show();
    $('.signup-parent').hide();
});
$('.signup-btn').on('click', function () {
    $('.signin-parent').hide();
    $('.signup-parent').show();
});
$('.exit').on('click', function () {
    $('.signin-parent').hide();
    $('.signup-parent').hide();
})

它运行良好，但我在弹出窗口外单击它没有关闭，任何人都可以帮助我吗？谢谢

Answer 1

您可以为文档或正文指定一个 onclick 事件，然后您可以在事件回调中隐藏弹出窗口。

$(".login-popup").on("click",function(e){
    if($(e.target).closest(".signin").length != 0)
    return;
    $(".login-popup").hide();
})

单击任意位置关闭 javascript 弹出窗口？

Close javascript popup by clicking anywhere?

javascript

jquery

popup