如果单击其他任何内容，如何关闭弹出框

【问题标题】：How to close a popover if anything else is clicked如果单击其他任何内容，如何关闭弹出框
【发布时间】：2015-10-20 20:35:26
【问题描述】：

我有一个弹出框显示是否调用了 onclick。如果在页面上单击任何其他内容，我该怎么做才能关闭弹出框。有人建议了 on 1 活动，但我不确定那是什么？

【问题讨论】：

弹出框后面有覆盖层吗？你能发布一些你的代码吗？这将有助于我们帮助您。

标签： javascript jquery twitter-bootstrap popover

【解决方案1】：

就在popover documentation。使用data-trigger="focus"

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>

【讨论】：

当我改变焦点时，它会打破弹出框在其他具有点击事件的按钮上打开。

【解决方案2】：

一个事件意味着您需要监听用户发起的操作（大多数情况下）。

当您调用 popover 时，您会在 popover 上启动 click 事件，因此如果要在这种情况下监听事件，您可以在用户单击 popover 或任何其他事件时取消 popover（隐藏它）的方式页面上的元素。您可以将事件附加到弹出窗口或使用element.addEventListener('click', function(){//here you can hide your popover}) 的页面

【讨论】：