Javascript 如何在js中触发箭头向下按？

我有这个填充和聚焦的代码，但我需要添加一个向下箭头事件，因为它将触发列表弹出窗口，如下图所示。有人能帮我接电话吗

document.body.appendChild(element)

    element.addEventListener('click', function(){
        document.querySelector("input#generic_test_order_search.ui-autocomplete-input").value = '16048'
        document.querySelector("input#generic_test_order_search.ui-autocomplete-input").focus()

     })


})();

您可以使用。使用或事件-取决于哪个更适合您，并查找键代码（向下箭头键代码为40）。按下该键时，将触发该事件。您可以使用网站通过单击来检查哪个键代码链接到键盘上的哪个键

我从MDN web文档中获得了下面的代码

eventTarget.addEventListener("keyup", event => {
  if (event.isComposing || event.keyCode === 229) {
    return;
  }
  // do something
});

---

没有足够的信息。最好提供完整的HTML

（一个有点关联的问题：）

1-这里的目标是获得建议下拉菜单的

类

。然后在里面找到

children

，或者在里面找到另一个

children

，然后触发

click（）

由于很难猜出类名和结构，这里有一个非常类似的例子，说明如何单击下拉建议

a） 这里是维基百科。打开链接。

b） 将以下代码另存为bookmarklet：

javascript:(function(){
    document.getElementsByClassName('suggestions')[0].children[0].children[1].click();
})();

c） 然后在维基百科的搜索中写三个字母

goo

d） 最后触发bookmarklet。然后它将打开第二个建议的链接：

children[1]

。这就是它的工作原理。您可以自己用HTML这样做

2-制作一个bookmarklet可能比附加一个事件侦听器稍微好一些，因为您只需要插入值

---

另一个选项是Tampermonkey/Greasemonkey以更自动地触发事件（事实上，此选项与bookmarklet几乎相同，代码结构完全相同且完全兼容）。

我想您需要发送

向下键

，然后为该元素创建一个具有正确属性的

键控

。箭头键可能是。您好，谢谢您的回答。这是

元素.addEventListener（'click'，function（）{document.querySelector（“input#generic_test_order_search.ui autocomplete input”）。value='16048'document.querySelector（“input#generic_test_order_search.ui autocomplete input”）。focus（）document.eventTarget.addEventListener（“keup”，event=>{if（event.isComposing | | event.keyCode===40）{return；}//do something}；}}}）（）

但它仍然不会触发向下箭头事件。根据您第一次使用的示例，您似乎已经将注意力集中在建议的第一项上（因为focus（））。我建议添加一些其他建议项目。如果在那之后它不起作用，你可以开始实现我展示的例子。试着使用你之前提问时在这里发布的代码，并尝试添加另一个在用户点击输入框时显示的建议（在你使用15002的屏幕截图中）。然后查看是否可以使用箭头键选择项目，而不使用我建议的代码。它可能在默认情况下实现。