Javascript 如何使弹出框在不关闭窗口的情况下可在窗口内单击，但在窗口外单击时关闭

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

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

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');
};

---

Iv尝试触发：“单击”，这允许弹出窗口保持打开状态，但在窗口外单击时不会自动关闭它。

要确定是否在窗口外单击，是否尝试使用

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

---

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

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