求指导一段Jquery代码

Question

页面中有一个Input,和一个隐藏的Div

<input type="text" id="receiver">
<div style="display:none" id="UserList">
<input type="checkbox" id="check_1"><input type="checkbox" id="check_2">
</div>

现在receiver获得焦点后在下方显示DIV，单击页面空白处隐藏DIV（单击到receiver或DIV区域不隐藏）

 $("#receiver").on("focus", function () {
            $("#UserList").css("top", $(this).position().top + $(this).outerHeight()).css("left", $(this).position().left);
            $("#UserList").show();
        });

求隐藏DIV的代码，要求不要把receiver作为判断的依据，就是指当换了另一个Input与这个Div关联时也可以用，谢谢指导！

Answer 1

$(document).click(function (event) { var eo = $(event.target); if (eo.attr('id') != "receiver") { //隐藏 } }); 要求不要把receiver作为判断的依据，可以用变量，封装，这个自己就能搞了吧。