html - 如何在非输入元素上设置焦点

Question

我有一个显示弹出窗口的脚本，内容通常比窗口高，需要滚动。弹出框位于具有溢出的容器 div 中，因此可以滚动弹出框而不会干扰页面其余部分的滚动位置。

问题是，当显示弹出框时，按下向上和向下箭头时，没有任何反应，因为支架中的弹出框未获得焦点。只有当我点击容器中的一个元素时，箭头才会开始工作。是否可以执行与之前描述的“单击元素”方法类似的功能，但在 javascript 中除外。我尝试了 .focus 和其他类似的命令，但都没有用。

Answer 1

啊哈，整理好了。将 holder 的 tabIndex 设置为 -1 然后 .focus() 进行选择