Javascript 专注于 DIV 元素不适用于 chrome

Question

您好，我想在页面加载后立即关注 div。它在 Firefox 上运行完美，但在 chrome 上运行不正常。这是我的代码:

https://jsfiddle.net/9yb2boxn/

document.getElementById("focusme").focus();

#focusme {width:400px; height:100px; overflow-y:scroll; }

<div id="focusme">
  focus me focus me focus me focus me  focus me focus me focus me focus me  focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me focus me
</div>

在 Firefox 中，当我运行此代码并按下键盘上的向下箭头时，div 会向下滚动。但不是在 Chrome 上。为什么会出现这个问题？

我已经尝试过了

setTimeout(function() {

   document.getElementById("focusme").focus();

}, 1); 

还是不行。

请帮忙。谢谢

Answer 1

如果你想让一个不可聚焦的元素成为可聚焦的，你必须给它添加一个tabindex属性:

<div id="focusme" tabindex="1"></div>

此外，您可以使用 ID 通过位置哈希到达它。在此处查看问题的答案: Is it possible to focus on a <div> using javascript focus() function?