焦点在input文本框范围内，div显示，不然隐藏

焦点在input文本框范围内，div显示，不然隐藏，高手高高手快来

解决方案 »

  1.   

    http://blog.csdn.net/xuexiaodong2009/article/details/6553292
    参考下
      

  2.   


    <script type="text/javascript">
      function test()
      {
      document.getElementById("test").style.display="";
      }
      function test2()
      {
      document.getElementById("test").style.display="none";
      }
    </script>
    </head><body>
    <input type="text" id="inputtext" onfocus="test()" onblur="test2()" />
    <div id="test" style="background-color:#9C9; display:none; height:100px; width:100px;">
    </div>
    </body>
      

  3.   

    2楼兄台是可以显示和隐藏，可是我想点击div上的值作为文本框的值，div也隐藏了，求再给力．谢谢
      

  4.   

        <input id="Text1" type="text" />
        <div id="layer" style="width:300px;border:1px solid #ccc;height:60px;background:#fff;display:none;">
            <ul>
                <li>csdn</li>
                <li>cnblogs</li>
                <li>msdn</li>
            </ul>
        </div>    <script type="text/javascript" language="JavaScript">  
         window.onload=function(){ 
            document.getElementById("Text1").onfocus=function(){
                document.getElementById("layer").style.display="block"
            }
            document.body.onclick=function(e){                
                e=e||window.event;
                var tar = e.srcElement||e.target;
                while(tar){
                    if(tar.id=="layer"||tar.id=="Text1")
                        return;
                    tar=tar.parentNode;
                }
                document.getElementById("layer").style.display="none";
            }    
            var li = document.getElementById("layer").getElementsByTagName("li");
            for(var i=0;i<li.length;i++){
                li[i].onclick=function(){
                    document.getElementById("Text1").value=this.innerHTML
                    document.getElementById("layer").style.display="none";
                }
            }
         }
        </script>