首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否通过单击任意位置关闭javascript弹出窗口?

是否通过单击任意位置关闭javascript弹出窗口?
EN

Stack Overflow用户
提问于 2018-09-29 06:56:11
回答 1查看 212关注 0票数 -1

我是一个超级新手,需要一个快速的建议。我需要关闭弹出点击外部的模态。

以下是代码。对此有什么建议吗?

代码语言:javascript
复制
    $('.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();
})

它的工作很好,但我点击弹出它不关闭,有人可以帮助我吗?谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-29 07:20:44

您可以将onclick事件分配给文档或正文,然后可以在事件回调中隐藏弹出窗口。

代码语言:javascript
复制
$(".login-popup").on("click",function(e){
    if($(e.target).closest(".signin").length != 0)
    return;
    $(".login-popup").hide();
})
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52563557

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档