輸入窗體從按鈕調用按鈕關閉時輸入的東西

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/