当我在外面点击时,如何让这个弹出框消失?

How do I make this popup box disappear when I click outside?(当我在外面点击时,如何让这个弹出框消失?)

本文介绍了当我在外面点击时,如何让这个弹出框消失?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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?

推荐答案

  1. 为主体设置一个 click 处理程序以删除您的弹出窗口.

  1. Set a click handler 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);

这篇关于当我在外面点击时,如何让这个弹出框消失?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:当我在外面点击时,如何让这个弹出框消失?

基础教程推荐