JQ 点击指定文本框显示div。点击其他区域隐藏DIV

     
 <input id="username"  type="text" style="width:90%;margin-top: 40px;" placeholder="請輸入車場名稱或車場間稱" class="text_name" name="username"/>
      	       <div class="text_div_all" style="display: none;">
      	       	  <ul>
                         <li>张三3</li>
                         <li>张三1</li>
                         <li>张三2</li>
      	       	  </ul>
      	       </div>





	  //点击搜索框显示点击其他区域隐藏
     	  $(document).bind('click',function(e){
                var e = e || window.event; //浏览器兼容性
                var elem = e.target || e.srcElement;
                while (elem) { //循环判断至跟节点，防止点击的是div子元素
                    if (elem.id && elem.id=='username') {
                        return;
                    }
                    elem = elem.parentNode;
                }
                $("#username").attr("value",$(".text_div_all ul li").html());
                $('.text_div_all').css('display','none'); 
        });

　　

转载于:https://www.cnblogs.com/hgj123/p/5534190.html