表单跳格跳过 <button>

Posted

技术标签:

【中文标题】表单跳格跳过 <button>【英文标题】:form tabbing skips <button> 【发布时间】:2010-12-02 01:14:03 【问题描述】:

当我在此表单中的字段之间切换时,Firefox 和 Safari(在我的 Mac 上)是否会跳过该元素?

我不应该把 tabindex 放进去,但即使有了它,它也会跳过按钮。我已经看到有关按钮元素应该接受 tabindex 的文档。

谢谢

【问题讨论】:

【参考方案1】:

Mac OSX 让您实际上可以在操作系统级别手动打开非文本输入元素的制表符。

打开 Windows 风格的“完全键盘访问”:

在 OS X ~10.6 上

打开系统偏好设置 转到键盘和鼠标 为全键盘访问选择所有控件

在 OS X 10.9 上

打开系统偏好设置 转到键盘 转到“快捷方式”选项卡 为全键盘访问选择所有控件

【讨论】:

【参考方案2】:

它在 Linux 上的 Chrome 中对我有用,所以它可能不是你的 html 的问题。

一个猜测:默认情况下,Mac OS使按钮可以通过 Tab 获得焦点——只有文本框和列表。也许 Firefox 和 Safari 只是尊重这个设置。你可以change it in the System Preferences。

【讨论】:

谢谢,可惜没有办法为其他用户做这件事。如果他们无法在不更改系统首选项的情况下切换到按钮,则很难设计友好的界面。

以上是关于表单跳格跳过 <button>的主要内容,如果未能解决你的问题,请参考以下文章

Ajax

JavaScript点击元素后获取该元素的id

声明类型列表

Vue 3 计算不刷新

单击 <button> 标签

button按钮自动刷新页面