javascript 如何在搜索框中“触发事件”自动完成列表

nfg76nw0 于 2023-06-20 发布在 Java

关注(0)|答案(1)|浏览(107)

我尝试在Facebook Messenger网站上搜索聊天框中键入文本后触发事件。
我使用这段代码与搜索框document.getelementById（'abc'）.value=“大卫”交互，然后使用document.getelementById（'abc'）.dispatchEvent（new Event（'change'，{bubbles：true}）），但什么也没发生
在通常情况下，当你在搜索聊天室键入大卫，联系人列表将出现适合你的类型
请帮我解决这个问题。非常感谢（抱歉我的英语不好）

JavaScript

来源：https://stackoverflow.com/questions/76500160/how-to-trigger-event-an-autocomplete-list-at-search-box

1条答案

按热度按时间

ymdaylpp1#

我想你需要一个事件列表。喜欢

document.getElementById("input").addEventlistner('keydown', code_function()

这是一真实的活生生的例子，供你了解

document.getElementById("search_users").addEventListener("keydown", function() {
  const val = document.getElementById("search_users").value;
  const users = ["Basha", "Adam", "User"];
  const res = [];
  for (var i = 0; i < users.length; i++) {
    if (users[i].includes(val)) {
      res.push(users[i]);
    }
  }
  document.getElementById("res").innerHTML = res.join(", ");
});

<input type="text" id="search_users" placeholder="Search...">
<div id="res"></div>

我希望这个例子对你有帮助

赞(0）回复(0）举报 2023-06-20

我来回答

javascript 如何在搜索框中“触发事件”自动完成列表

1条答案

相关问题

热门标签

最新问答