Javascript TwitterBootstrap popover：如何在不使用正文/文档事件处理程序的情况下在单击外部时隐藏它？

我使用的是引导弹出窗口，它显示在单击一个元素时

Javascript:

var info = ui_utils.fa_button('icon-info', 'info', 'info', icon_style, false);
//please don't mind the custom function - it just adds the <i> element to the layout

$(info).popover({
    title: <some title>,
    html: true,
    content: <some content>,
    container: 'body',
    placement: 'right'
});

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

---

有人有出路吗？提前谢谢

请对您的答案添加一些解释。我正在寻找一种不使用正文或文档上的任何事件的方法。基本上，一些关于焦点输出的东西。

$("body").on({
    mouseenter: function () {
        if(popovershow){
            popoverhide;
        }
    },
    mouseleave: function () {
        if(popovershow){
            popoverhide;
        }
    }
});

$("body").on({
    mouseenter: function () {
        if(popovershow){
            popoverhide;
        }
    },
    mouseleave: function () {
        if(popovershow){
            popoverhide;
        }
    }
});