如何使用javascript通过按tab键来访问div？

Question

我已经实现了一些东西，看起来像这样：如果用户单击一个 div，另一个 div 中的图片会发生变化：

<div id="actionDiv" onClick="changePic();">Change Pic</div>
<div id="picHolder"></div>

因此，可以通过鼠标轻松访问“更改图片”这个文本。如何从文本 div actionDiv 中的 Tab 键获取焦点以实现可访问性？

Answer 1

我不确定，但这个问题似乎与这个how-can-i-give-keyboard-focus-to-a-div-and-attach-keyboard-event-handlers-to-it类似，答案基本上是赋予 adiv属性tabIndex，即：

<div id="actionDiv" tabIndex="0" onClick="changePic();">Change Pic</div>