層失去焦點

Question

我正在編碼一個組合框的種類。儘管我已經儘可能在單擊圖像後在特定位置顯示div圖層，但如果點擊網頁的任何其他部分，我不確定如何隱藏圖層。就像下拉列表失去焦點時一樣。

我試圖複製在這裏看到的功能： http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/templates/defaultcs.aspx

任何人都可以點我在正確的方向？

Answer 1

處理整個文檔上的點擊事件，並在其中隱藏所有菜單。然後在您的組合框，停在click事件傳播史...

$(document).click(function() { 
    //Hide all visible menus 
}); 

$(".comboBox").click(function(e){ 
    e.stopPropagation(); 
}); 

更多信息上stopPropagation。

Answer 2

將事件偵聽器分配給document對象的單擊事件。如果將其分配給body，它將無法正常工作。文檔元素實際上擴展到整個視圖端口，對於body元素來說不一定是這樣。