javascript - Web 应用程序的正确键盘快捷键

标签 javascript web-applications interface keyboard-shortcuts usability

我正在记录我们的网络应用程序的键盘快捷键。如果出于任何原因(例如干扰浏览器自身的键盘快捷键/操作系统快捷键或一般可用性)这些键不适合使用,请分享。

快捷方式启动器将为     空格    ,类似于某些 Gmail 快捷方式使用“*”作为启动器。快捷方式列表相当大,但以下是一些关键的:

功能 - 快捷方式

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

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

最佳答案

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;
    }
});

热键理解修饰符 , shift , option , , alt , ctrl , control , command ,和 .

以下特殊键可用作快捷键:backspace , tab , clear , enter , return , esc , escape , space , up , down , left , right , home , end , pageup , pagedown , del , deletef1通过f19 .

关于javascript - Web 应用程序的正确键盘快捷键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11451387/

相关文章:

java - Spring Controller 请求映射未被识别

java - 如何说服 Java 构造函数接受包含其类实现特定接口(interface)的对象的列表

javascript - 日期范围选择器为 24 小时范围创建错误的时间值

javascript - 加载图像后移动应用程序 "unable to load previous operation due to low memory"?

Javascript警报框设计

javascript - 带有 socket.io websocket 的 Expo 无法连接

java - 如何减少Wildfly的部署时间?

html - 如何在 iOS 8 上启用书签网站图标?

java - 没有接口(interface)使用spring DI是否正确

java - 依赖项更改时强制类重新编译