层失去焦点

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元素来说不一定是这样。