Knockout.js 当输入具有焦点时,将显示下拉列表。当输入失去焦点时,如何保持下拉菜单打开?

Knockout.js 当输入具有焦点时,将显示下拉列表。当输入失去焦点时,如何保持下拉菜单打开?,knockout.js,Knockout.js,我认为我有以下几点: <input placeholder="Enter a subject here" data-bind="hasFocus: showDropdown, valueUpdate: 'afterkeydown' /> <div class="dropdown" data-bind="visible: showDropdown"> 这是我处理为类似目的显示列表的方式- 我使用事件绑定在鼠标进出时显

我认为我有以下几点:

           <input placeholder="Enter a subject here" data-bind="hasFocus: showDropdown, valueUpdate: 'afterkeydown' />
           <div class="dropdown" data-bind="visible: showDropdown">

这是我处理为类似目的显示列表的方式-


我使用事件绑定在鼠标进出时显示/隐藏列表。您可以按您希望的方式来处理这个问题,即何时隐藏列表,何时显示列表,但一般的想法是使用内置的事件处理程序来删除列表

<div data-bind="event: { mouseover: showDropdown, mouseout: hideDropdown }">
    <input placeholder="Enter a subject here" data-bind="valueUpdate: 'afterkeydown'" />
    <ul data-bind="foreach: items, visible: showing">
        <li data-bind="text: Name"></li>
    </ul>
</div>