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()事件在失去焦點時發送到元素。