当鼠标在里面时激活箭头键

Question

我在页面中有一个可滚动的元素。在我单击元素之前，箭头和home，end，page up，page down键不起作用。

如果鼠标指针位于元素内部并且在外部停用时，如何自动激活这些键而不单击？

在有问题的元素上，我试过：

<div onmouseover="this.focus()">...</div>

但它不起作用。

Answer 1

您必须在元素上定义tabindex才能使其可聚焦。如果你不希望它通过标签可以聚焦（只通过悬停和点击它），这个tabindex也可以是否定的：

<div id="scrollable" onmouseover="this.focus();" tabindex="-1">
    <!-- text -->
</div>

（JSFiddle）

关于MDN的tabindex的更多信息：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex