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>

到目前为止它工作正常，看起来我想要它但是当我尝试在用户名字段中输入Dropdown关闭时。在尝试输入内容时如何阻止它关闭？当我点击按钮然后按 Tab 时，我可以毫无问题地输入一些东西，我有点不明白。

此外，任何人都可以给我一个如何获得输入的提示 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/

输入内容时按钮调用Dropdown的输入形式关闭

1 个答案: