如何使弹出框在窗口内可点击而不关闭它但通过外部点击关闭答案

【问题标题】：How to make a popover clickable inside window without closing it but close with outside click如何使弹出框在窗口内可点击而不关闭它但通过外部点击关闭
【发布时间】：2014-01-03 03:54:41
【问题描述】：

如何使我的弹出窗口在窗口区域内可点击而不关闭，但在点击区域外时自动关闭？

这是我当前通过单击按钮触发的代码：

if (response.Success) {
  return showErrorPopup(errorButton, 'Error!', response.Entity.Exception);
} else {
  return showErrorPopup(errorButton, 'No Error', response.Message);
}

以及打开弹窗的功能：

showErrorPopup = function(popupElem, title, content) {
  return popupElem.popover({
      animation: false,
      title: title,
      content: content,
      placement: 'left',
      trigger: 'focus',
      html: true
  }).popover('show');
};

我尝试了 trigger: 'click' 并允许弹出窗口保持打开状态，但在窗口外单击时不会自动关闭它。

【问题讨论】：

标签： javascript html ajax

【解决方案1】：

判断外部点击，有没有试过用

$('.popupclass').blur(function () {
   $(this).hide();
}

Blur 事件是用户从元素中移除焦点（鼠标单击或选项卡焦点可能是焦点的主要原因）时发生的事件。

【讨论】：

【解决方案2】：

Jquery 弹出窗口通常在弹出窗口和页面之间添加一个具有 100% 窗口宽度和高度的 div。因此，当用户在弹出窗口外点击时——实际上是点击了 div——它会关闭弹出窗口。我相信这个逻辑可以应用在这里。

【讨论】：