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

Question

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

11

我有一个脚本可以显示弹出窗口，但很多时候内容比窗口高，需要滚动。弹出框位于一个容器div中，该容器具有溢出功能，因此可以在不干扰页面上其余部分的滚动位置的情况下滚动弹出框。

问题是当弹出框被显示时，按上下箭头时什么也不会发生，因为弹出框在容器中没有焦点。只有当我点击容器中的一个元素时，箭头才开始工作。是否可能执行类似于之前描述的“单击元素”的方法，但使用JavaScript。我尝试了.focus和其他类似的命令，但都没有起作用。

- topherg

你是如何创建弹出窗口的，使用的是jQuery-UI吗？还是使用window.open函数？ - Nelson

container = document.createElement('div') popup = document.createElement('div') popup.innerHtml = '...' container.appendChild(popup) document.body.appendChild(container) - topherg

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- topherg · Accepted Answer

好的，已解决。将占位符的 tabIndex 设置为 -1，然后使用 .focus() 即可选择它。