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> 

それはこれまでのところ大丈夫働いて、私はできるだけ早く私はドロップダウンが閉じUsernameフィールドに入力何かしようとして、それはしたいが、のように見えます。何かを入力しようとすると、私はそれを止めることができますか？ ボタンをクリックしてのタブを押すと、問題なく入力できますが、わかりません。

また、誰かが私の下で 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/