javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

Question

是否可以捕获这些快捷方式？

• Ctrl+N
• Ctrl+T
• Ctrl+W

我试过了，但它不起作用：

$(window).keydown(function(event) {
  console.log(event.keyCode);
  event.preventDefault();
});

当我按 T 时，它会在控制台中显示84，但如果我按 Ctrl+T 它什么也不显示，然后打开一个新标签。

我想捕获这些快捷方式并阻止任何浏览器操作。

Answer 1

在 Javascript 中捕获 Ctrl 键盘事件

示例代码：

$(window).keydown(function(event) {
  if(event.ctrlKey && event.keyCode == 84) { 
    console.log("Hey! Ctrl+T event captured!");
    event.preventDefault(); 
  }
  if(event.ctrlKey && event.keyCode == 83) { 
    console.log("Hey! Ctrl+S event captured!");
    event.preventDefault(); 
  }
});

---

火狐

_{（6.0.1 已测试）}

在 Firefox 中，两个事件监听器都有效。如果您按 CtrlT 或 CtrlS 组合键，您将在控制台和浏览器上同时收到消息不会打开标签，也不会要求保存。

有趣的是，如果您使用 alert 而不是 console.log，event.preventDefault() 将不起作用，并打开一个新选项卡或要求保存。也许这个错误需要修复。

---

Chrome3

在 Chrome 3 中它的工作方式与在 Firefox 中一样。

---

Chrome4

_{（已测试）}

在 Chrome4 中，某些控制键组合已为浏览器保留 仅供使用，不能再被客户端 JavaScript 拦截 在网页中。
这些限制在 Chrome3 中不存在，并且与两者不一致 Firefox3/3.5 和 IE7/8（在 Windows 上）。

在 Chrome 4 中，它的工作方式类似于 Firefox，除了一些键盘组合：

• CtrlN

• CtrlShiftN

• CtrlT

• CtrlShiftT

• CtrlW

• CtrlShiftW

这些组合无法被 Javascript 捕获，但嵌入插件可以捕获这些。例如，如果您专注于 Youtube 视频并按 CtrlT，浏览器将不会打开新标签页。

---

IE7/8

它就像在 Firefox 或 Chrome3 中一样工作。

---

IE9

_{（已测试）}

IE9 又是一只害群之马，因为它不允许 javascript 捕获任何 Ctrl? 键盘事件。我用许多键盘组合（R、T、P、S、N、T）进行了测试，但都没有奏效。嵌入应用程序也无法捕获事件。用 Youtube 视频测试。

---

感谢@Lime 提供了很棒的link。

Answer 2

截至 2012 年 3 月 20 日，Chrome 修复程序允许 Web 应用程序在 js keydown 事件中处理 Chrome 中的 Control+NWT（因此它可以在纯 javascript 或任何类似 jQuery 的库中工作）。

如果 Chrome 在应用程序模式下打开，此修复允许 javascript 处理此组合键，可以通过以下方式完成：

• Starting Google Chrome in application mode

这里记录了修复：

• Don't filter shortcut keys when a tab is opened in app mode (aka: windowed or pop-up mode).

Answer 3

扩展其他答案：

在 Chrome/Chromium is defined here 中阻止某些组合的代码，我总结，F11 退出全屏模式并阻止所有操作和导航选项卡或窗口的内容：

[Shift]Ctrl(Q|N|W|T|制表符↹)

Answer 4

detect when the window is closed 可能是一个有效的选项，而不是捕获 Ctrl+W 热键：

"当窗口、文档及其资源即将被卸载时触发 beforeunload 事件。

当一个非空字符串分配给 returnValue 事件属性时，会出现一个对话框，要求用户确认离开页面（参见下面的示例）。当没有提供值时，事件被静默处理。”

Answer 5

答案很简单：如果没有javascript中的一些技巧，这是不可能直接实现的。

这取决于浏览器。大多数浏览器都会捕获此快捷方式并将其用于自己的事件。 （例如打开新标签）快捷方式永远不会到达 javascript 引擎。

然而，使用 Flash 捕捉快捷方式很容易。但这与用户友好的网站相差甚远。

更新：

这里是一个简短的例子。当按下 Ctrl+y 时，大多数浏览器都会显示警报。 (y = 89)

document.onkeydown = keyDownEvent;
document.onkeyup = keyUpEvent;

var isCtrl = false;

function keyDownEvent() {
    var keyid = event.keyCode;

    if(keyid == 17) {
        isCtrl = true;
    }
}

function keyUpEvent() {
    var keyid = event.keyCode;

    if(keyid == 17) {
        isCtrl = false;
    }

    if(keyid == 89 && isCtrl == true) {
        alert('CTRL-Y pressed');   
    }
}

如果将 84 替换为代表 t 的 89，则不会发生任何事情。你可以试试on jsfiddle.net。