menu pierde foco

[lubtufano]

Se debe al flujo o burbujeo de eventos.
http://librosweb.es/ajax/capitulo6/e...e_eventos.html

La manera de solucionarlo es detener el flujo de eventos, se puede hacer de la siguiente manera.

Código Javascript:

<script>
    function Menu(el){
       elemento = el.parentNode.getElementsByTagName('ul')[0]
       elemento.style.display = elemento.style.display == 'none' ? 'block' : 'none'
      }
    
    function detenerBurbujeo(elEvento){
        if(window.event){
            window.event.cancelBubble= true;
        }
        else
            if(elEvento){
                elEvento.stopPropagation();
            }
    }
</script>
 
<ul >
   <li class='nivel1' onclick='Menu(this)'>entrar como usuario  
       <ul>
            <li ><div id='inte'><input type='text' name='nick' id='mail' onclick="detenerBurbujeo(event)" /></div></li>  
        </ul>          
   </li>  
</ul>
 

Es muy importante pasar como parámetro a la función detenerBurbujeo() la palabra clave event.