javascript - Jquery Div 隐藏

Question

我有一个包含输入控件的 div 标签。此 div 在用户单击菜单项时打开。当点击位于 div 区域之外时，我想隐藏此标记。

目前，我可以在 div 外部单击时隐藏它，但是当我单击 div 中的任何输入控件时，我的 div 会隐藏。我该如何解决这个问题？

我的代码是:

$(document).click(function (e) {
  var elem = $(e.target).attr('id');
  console.log(e.target);

  if (elem !== 'btnLogin') {
    // if (elem != 'TxtUserName' && elem != 'TxtPassword')
    HideLoginDetails();
  }

  if (elem !== 'hpUseFul') {
    // if(elem !== 'y')
  }
});

Answer 1

演示:http://jsfiddle.net/3fbpA/

var aboveDiv = false;

$('#yourDiv').click(function () { 
  aboveDiv = true;
});

$(document).click(function () { 
  if (!aboveDiv) $('#yourDiv').hide();
  aboveDiv = false;
});