html - 从键盘导航中排除按钮

标签 html css cross-browser

这个问题在这里已经有了答案:





Can I ignore some website element when navigating using the tab key?

(4 个回答)



Make an HTML element non-focusable

(8 个回答)


3年前关闭。




我有一个像这样的html表单结构:

<textarea id="text1"></textarea>
<button id="button1">
<button id="button2">
<textarea id="text2"></textarea>

而且我试图在不同的浏览器中获得一致的键盘导航行为。使用制表符导航时,应该只关注文本区域而不是按钮。例如。 text1 已聚焦,使用制表符应聚焦 text2,忽略 button1 和 button2。

Safari 似乎默认有这种行为,firefox 提供了 -moz-user-focus .有没有办法在 Chrome 和 Edge 中完成这种行为?

最佳答案

您可以使用 tabindex ( W3 Schools ) 更改制表符的行为。

关于html - 从键盘导航中排除按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51781551/

相关文章:

asp.net - 使 ASP 文本框的宽度与按钮宽度相同

html - 证明 Bootstrap 导航栏链接

css - 可折叠面板 css 位置/浏览器兼容性

javascript - 当值为0时如何调用HTML required属性?

jquery - jquery 中 div[id=testing] 和 div[id$=testing] 的区别

php - 自定义帖子类型元框单选按钮输出

html - Border-bottom 在 Chrome 和 Firefox 中不是下划线;在 IE 中工作

JQuery.ready 来不及了 : How do I apply CSS Values with JQuery before Rendering?

javascript - 如何通过单击标题对 html 表格列进行排序 [PHP/MYSQL]

html - 带有填充溢出容器的 Flex 元素