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向下滚动.但不是铬.为什么会出现这个问题？

我已经试过了

setTimeout(function() {

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

}, 1); 

还是行不通.

请帮忙.谢谢

Answer 1

如果要使不可聚焦元素具有可聚焦性,则必须为其添加tabindex属性:

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

此外,您可以使用ID通过位置哈希来访问它.在这里查看你的问题的答案: 是否可以使用javascript focus()函数专注于<div>？