javascript - 覆盖浏览器中的控件(保存功能)

Question

我正在尝试覆盖浏览器保存快捷方式，即 Ctrl+S 以在我的网络应用程序中提供保存功能，我正在使用 Google Chrome...我尝试使用 keydown 监听器来观察键码，但是当同时按下两个键(即 Ctrl+S 时，S 的键码永远不会在事件对象中返回。

Answer 1

您收到两个 keydown 事件:第一个是控制键，第二个是打开修饰符标志的字母。以下是如何监听按下修饰键的按键:

document.addEventListener("keydown", function(e) {
  if (e.keyCode === 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
    e.preventDefault();
    // Process event...
  }
}, false);

keyCode === 83 对应于 S 键按下。

从 Google Docs 获取页面，在 Mac 上使用 Cmd-S，在其他平台上使用 Ctrl-S。