如何通过javascript实现CTRL或SHIFT + <letter>的快捷键组合？

Posted 2023-03-31

【中文标题】如何通过javascript实现CTRL或SHIFT + <letter>的快捷键组合？

【英文标题】：how to implement shortcut key combination of CTRL or SHIFT + <letter> through javascript?

【发布时间】：2010-09-09 01:16:30

【问题描述】：

ASP.NET 2.0 web应用，如何实现CTRL + Letter的快捷键组合，最好通过javascript，让web应用更符合人体工学？如何通过 JavaScript 捕获多键键盘事件？

【问题讨论】：

当然this 会有所帮助

【参考方案1】：

简短的回答是您使用 Javascript 来捕获 keydown 事件并使用该事件来触发函数。 相关文章：

http://www.openjs.com/scripts/events/keyboard_shortcuts/ http://udayms.wordpress.com/2006/03/17/ajax-key-disabling-using-javascript/ http://protocolsofmatrix.blogspot.com/2007/09/javascript-keycode-reference-table-for.html http://www.quirksmode.org/js/keys.html

如果您使用的是jQuery library，我建议您查看HotKeys plugin 以获得跨浏览器解决方案。

我知道这不是在回答最初的问题，但这是我的建议：不要在 Web 应用程序中使用组合键快捷方式！

为什么？因为它可能会破坏可用性，而不是增加可用性。虽然普遍认为“一键快捷方式”在普通浏览器中不使用（Opera 从上一个主要版本中将其默认删除），但您无法弄清楚各种浏览器使用的组合快捷键是什么，也不会有什么。 .

Gizmo 提出了一个很好的观点。在http://www.clagnut.com/blog/193/ 上有一些关于常用访问键分配的信息。

如果您确实更改了访问密钥，这里有一些文章对如何做好它有很好的建议：

Accesskeys: Unlocking Hidden Navigation Using accesskey attribute in HTML forms and links

您可能会发现Firefox's default Keyboard and Mouse Shortcuts 这个页面很有用（Another version 的信息相同）。 Internet Explorer 7 和 Internet Explorer 6 的键盘快捷键。键盘快捷键for Operaand Safari。

JAWS 或其他添加更多键盘快捷键的屏幕阅读器更有可能遇到问题。

【参考方案2】：

您的事件监听器函数，被传递一个 Event 对象。上面有很多有用的信息，包括属性“altKey”、“ctrlKey”、“shiftKey”和“metaKey”。如果在该事件触发时按下任何修饰键，则相应的属性设置为 true。

这适用于键盘和鼠标事件（onclick 等）。请注意，如果您有 onkeydown 事件侦听器，则修饰键本身将触发该事件。

window.onkeyup = function(e) 
  if (e.altKey) alert("Alt pressed");
  if (e.shiftKey) alert("Shift pressed");

这在 Firefox 3、Windows XP 上进行了测试。

【参考方案3】：

Javascript 支持 ctrl+alt+shift 键。我想你可以弄清楚其余的。 Link.

【参考方案4】：

我知道这不是在回答最初的问题，但这是我的建议：不要在 Web 应用程序中使用组合键快捷方式！

为什么？因为它可能会破坏可用性，而不是增加可用性。虽然普遍认为“一键快捷方式”在普通浏览器中不使用（Opera 从上一个主要版本中将其默认删除），但您无法弄清楚各种浏览器使用的组合快捷键是什么，也不会有什么。 .

此外，如果您的访问者使用高度可定制的浏览器，例如 Firefox 或 Opera，那么他们很可能会配置自己的快捷方式或使用定义了其他一些快捷方式的附加插件。

请记住，Web 应用程序是依赖于浏览器的，您永远不应该假设它可以在您最喜欢的调整最强大的浏览器上运行，它会对您朋友的浏览器做出相同的反应。