输入窗体从按钮调用按钮关闭时输入的东西

Question

我目前正试图让一个简单的输入字段工作下拉。

我在我的HTML这段代码：

<li> 
    <a class='dropdown-button btn' data-beloworigin="true" href='#' data-activates='dropdown2'>Teamspeak</a> 
    <ul id='dropdown2' class='dropdown-content'> 
     <li> 
      <input id="username" type="text" class="validate"> 
     </li> 
     <li> 
      <a href="ts3server://TEAMSPEAKSERVER/?port=9987">Join</a> 
     </li> 
    </ul> 
</li> 

它的工作好了，到目前为止，看起来像我想它，但只要我尝试输入一些在用户名字段下拉关闭。如何在尝试输入内容时阻止它关闭？ 当我点击按钮，然后按标签，我可以输入一些没有问题，我不明白的问题。

另外，任何人都可以给我一个小费如何获得输入到下面的 XXX？

<a href="ts3server://TEAMSPEAKSERVER/?port=9987&nickname=XXX"> 

在此先感谢任何可以帮助我的人。

Answer 1

当您点击输入时，事件会传播给父母，导致下拉菜单关闭。 使用下面的jQuery代码停止事件传播：

$(document).ready(function(){ 
    $("#username").click(function(e){ 
     e.stopPropagation(); 
    }); 
}); 

参见：https://api.jquery.com/event.stoppropagation/