Web 应用程序的正确键盘快捷键答案

【问题标题】：Correct keyboard shortcut for a web applicationWeb 应用程序的正确键盘快捷键
【发布时间】：2012-07-12 12:01:24
【问题描述】：

我正在为我们的 Web 应用程序记录键盘快捷键。如果出于任何原因（例如干扰浏览器自己的键盘快捷键/操作系统快捷键或出于一般可用性考虑）这些不是正确的键，请分享。

快捷方式启动器将是 SPACE ，类似于某些 Gmail 快捷方式使用“*”作为启动器的方式。快捷键列表相当大，但这里有一些关键的：

功能 - 快捷方式

保存 - 空格 +S
撤消 - 空格 +Z
重做 - 空格 +Y

我们的 Web 应用程序是一个单页、无滚动的 JavaScript 应用程序。我们正在考虑为插件使用 John Resig 的 Hotkeys、Mousetrap 和 jKey。对于使用上述键盘快捷键的任何想法和警告，我们将不胜感激。

【问题讨论】：

是否有理由不使用 Ctrl-S、Ctrl-Z 和 Ctrl-Y？其中，我认为只有 Ctrl-S 会严重干扰浏览器的快捷方式，但鉴于它是一个 Web 应用程序，真的需要浏览器自己的保存功能吗？
@PPvG - Ctrl-S 将打开浏览器保存页面。从我的阅读来看，虽然 Firefox 不会干扰 ctrl-S，但其他的并不那么宽松。

标签： javascript web-applications interface keyboard-shortcuts usability

【解决方案1】：

Hotkeys 是一个强大的 JavaScript 库，用于捕获键盘输入和输入的组合键。它没有依赖关系。

hotkeys('escape+a,escape+b,escape+z', function(event,handler){
    switch(handler.key){
        case "escape+s":alert('you pressed escape+s!');break;
        case "escape+z":alert('you pressed escape+z!');break;
        case "escape+y":alert('you pressed escape+y!');break;
    }
});

Hotkeys 理解修饰符 ⇧、shift、option、⌥、alt、ctrl、control、command 和 ⌘。

以下特殊键可用于快捷键：backspace、tab、clear、enter、return、esc、escape、space、up、@ 987654341@、left、right、home、end、pageup、pagedown、del、delete 和 f1 到 @987654。

【讨论】：