求指导一段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作为判断的依据，可以用变量，封装，这个自己就能搞了吧。