本文介绍了当我在外面点击时，如何让这个弹出框消失?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
http://jsfiddle.net/mnbayazit/by3zy/2/
当我单击背景上的某个位置时，我希望弹出窗口消失.问题是，当我单击 [X] 或弹出窗口本身时，它会消失.
I want the popup to disappear when I click somewhere on the background. Problem is, it disappears when I click an [X] or the popup itself.
如果这让我的意图更清楚，想象一下它是一个日历选择器.
Imagine it being a calendar-picker if that makes my intentions more clear.
我怎样才能让它做到这一点?
How can I get it to do that?
推荐答案
为主体设置一个
click处理程序以删除您的弹出窗口.
Set a
clickhandler for the body to remove your popup.
为弹出窗口本身设置一个 click 处理程序，该处理程序在事件上调用 stopPropagation()，以防止它冒泡到正文.
Set a click handler for the popup itself that calls stopPropagation() on the event, to prevent it from bubbling up to the body.
大致:
function showMyPopup(){
...
$(myPopupDiv).click(function(e){
e.stopPropagation();
});
}
function closeMyPopup(){
...
}
$(document.body).click(closeMyPopup);
这篇关于当我在外面点击时，如何让这个弹出框消失?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！