Question

我构建了一个搜索框，我将建议显示为用户类型。

<div id="search-box">
    <input val="" type="text" id="s" >
    <div id="suggest-box">
      <div class="suggestions">word1</div>
      <div class="suggestions">word2</div>
      <div class="suggestions">word3</div>
    </div>
</div>

我确实添加了移动设备代码，因此当用户在移动键盘上点击“完成”时，建议框会关闭，ti不允许我点击建议

    document.addEventListener('focusout', function(e) {
        $("#suggest-box").hide();
    });

问题是用户无法点击建议...

如何解决？

Answer 1

不确定问题是什么..

您无法点击建议？除非你在其上添加一个事件监听器，否则它们是DIV的，默认情况下是不可点击的，如下所示：

  suggestionElement.addEventListener('click', function()
  {
      input.value = 'suggestion';
  });

这是一个基本的工作建议框：

https://jsfiddle.net/76p4z033/1/

JS焦点并单击搜索输入字段上的自动建议

1 个答案: