javascript中的弹出窗口实现

Question

我想让我的popover控件。大多数像箭头方向，弹出式定位等问题都可以解决我自己。我不确定如何以最好的方式来做的一件事是如何在用户点击外面时隐藏它。欢迎任何建立良好范例或实施建议的链接。

Answer 1

我认为最好的办法是mousedown处理程序绑定到document.body和检查，如果点击是popover.el内。

var popover = Ext.create('Your.Poopover', {/* ... */}); 

    popover.mon(Ext.getBody(), 'mousedown', function(e) { 
    if (popover.isVisible() && !e.within(popover.el)) 
     popover.hide(); 
    }); 

Answer 2

document.addEventListener("click", function (ev) { 
    hidePopOverIfClickOutside(ev); 
}); 

Answer 3

.blur()事件在失去焦点时发送到元素。