Web 应用程序的可用键盘快捷键

Posted 2023-02-22

【中文标题】Web 应用程序的可用键盘快捷键

【英文标题】：Available Keyboard Shortcuts for Web Applications

【发布时间】：2012-08-10 02:07:06

【问题描述】：

我正在开发一个网络应用程序，我想添加一些键盘快捷键。诸如 Ctrl-N 或 Ctrl-Space 之类的东西。但是，我不想使用浏览器已经使用的键盘快捷键。

例如，在 OS X 上的 Google Chrome 中使用 Ctrl-Space 快捷方式很好，但在 OS X 上的 Firefox 中，它会在浏览器中显示一个右键菜单。

是否有已知的跨浏览器/操作系统键盘快捷键列表可以安全（或不安全）用于 Web 应用程序？

【参考方案1】：

如果没有输入焦点，您应该使用普通键，例如a、s、d等

否则，这里列出了大部分来自 Chrome (OSX) 的开放式键盘快捷键（在撰写本文时），还有一些来自 F. David McRitchie 的 Comparison Table 和 @leonbloy 的额外删除。

此列表不考虑 Alt/Option，因为它们对用户来说不太熟悉并且通常不太符合人体工程学，但它们中的大多数都是开放的。

由于跨浏览器列表实际上是特定浏览器列表的逻辑与，下面的列表实际上缩小了搜索范围。

// (Ctrl ≅ ⌘ on OSX)
Ctrl + B
Ctrl + I
Ctrl + U
Ctrl + Shift + F
Ctrl + Shift + L
Ctrl + Shift + O
Ctrl + Shift + S
Ctrl + Shift + U
Ctrl + Shift + Y

如果其中任何一个在 Windows 或其他浏览器上不可用，请发表评论，我将相应地编辑列表以使其最有用。

【讨论】：

请不要使用普通键，它打破了仅使用修饰键 + enter 来执行状态更改的预期。

@Fletcher91 我不知道这样的期望。普通键状态更改很常见。例如，在 Gmail 中，“#”删除、“e”归档、“s”星标等。

Ctrl + Shift + E Ctrl + Shift + K 在 Firefox 中使用

【参考方案2】：

如果您只需要了解标准浏览器键盘快捷键，它们会在here 中列出。

单独的浏览器快捷方式列表：

可以在here找到Internet Explorer的快捷方式。

Firefox 的here。 （向下滚动一点）

谷歌浏览器的here。

Safari 的official source here，但更好的是here。

Opera 的here。

我发现this 比较表很丑，但非常有用。

【讨论】：

这（至少不再是）不是一个完整的列表，特别是如果您包括 Chromebook 之类的东西