html - 使 <img> 标签可切换 - 响应 TAB 键导航

标签 html css image

我有一个 IMG 标签,它有一个关联的 OnClick 事件。

我看到 TAB 键导航会跳过此图像字段,但我需要让它停在那里并将该元素视为常规的可制表符控制字段。

有没有办法做到这一点?我不能只在它周围包裹一个简单的 A 标签,因为这会影响各种样式表并破坏设计。

最佳答案

一般来说,最好的方法是使用按钮,并将点击事件绑定(bind)到它。

<button type="button"><img src="..." alt="..."></button>

您还可以将 tabindex="0" 粘贴到图像上,这样它就会出现在 Tab 键顺序中(无需指定特定位置,因此顺序是自然的),但这并不能给出与 AT 一样好。

关于html - 使 <img> 标签可切换 - 响应 TAB 键导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23475534/

相关文章:

javascript - 替代嵌套在另一个表单中的 Ajax 上传表单

html - 我将元素定位为绝对元素,但未显示

javascript - 使用 javascript 滚动日志文件 (tail -f) 动画

javascript - 以字节数组形式上传和下载图像

asp.net - 无法访问 Httpmodule 中的静态资源(例如 css/js/image 文件)的 session

javascript - html表格列调整大小

twitter-bootstrap - 当我使用渐变时,bootstrap btn 背景在点击时闪烁

html - 是否有必要在 twitter bootstrap 中包含 normalize.css 和 h5bp?

Javascript:验证图像的外部 URL

javascript - 在 summernote 编辑器中将内容粘贴为纯文本