层失去焦点

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对象的click事件分配一个事件侦听器。如果将其分配给body，它将无法正常工作。文档元素实际上扩展到整个视图端口，body元素不一定正确。