javascript - 如何使用javascript按tab键访问div?

标签 javascript html accessibility

我实现了一些东西,看起来像这样:如果用户点击一个 div,另一个 div 中的图片会发生变化:

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

所以这个文本“Change Pic”可以很容易地通过鼠标访问。如何从文本 div actionDiv 中的 Tab 键获取焦点以实现辅助功能?

最佳答案

我不确定,但问题似乎与这个问题相似 how-can-i-give-keyboard-focus-to-a-div-and-attach-keyboard-event-handlers-to-it答案基本上是给 div 一个 tabIndex 属性,即:

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

关于javascript - 如何使用javascript按tab键访问div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4350488/

相关文章:

html - 如何在我的画廊和另一个 slider 中添加指向图片的链接

html - 为什么鼠标单击时会出现手动焦点样式,而默认焦点样式不会出现?

ios - 如何在 Swift 中使用 VoiceOver 更改选择可拖动单元格的行为?

javascript - 如何使用浏览器滚动来实现内部 div 的 x 溢出?

javascript - 用 JS 解析 XBRL 文件

PhP curl simple_dom_document 请求从 snowbird.com 获取雪数据

java - Java 中的 xhtml 到 pdf 转换中的数学方程支持

javascript - 如何制作简单的 3 步结帐部分,例如测验

javascript - .val 在选择时具有无效值

accessibility - 浏览应用程序可访问性树的工具