Chrome 扩展：使用 Alt 和 addEventListener('keypress') 添加键盘快捷键

Question

我正在这样做open source chrome extension，我想添加一个快捷方式，以便在打开扩展程序并按下Alt+C 时，将 div 的内容复制到我的剪贴板。

我可以使用简单的addEventListener 添加快捷方式：

var inputText = document.getElementById('textareaSource');
    inputText.addEventListener('keypress', function (e) {
        if (e.keyCode == 99) {        
            // alert("You pressed C!");
        }
});

但显然这种添加快捷方式的方式不允许包含Alt 的快捷方式。我试过了，但没有收到任何警报：

if (e.altKey || e.ctrlKey || e.shiftKey)
    alert("you pressed one of the 'Alt', 'Ctrl', or 'Shift' keys")
}

我还可以通过manifest/background.js（在this 和this 之后）添加快捷方式。这一次，Alt+C 有效，但它可以在 Chrome 上的任何地方触发，而不仅仅是在我的扩展程序打开时。

有没有一种折中的方法：添加一个包含 Alt 的快捷方式，只有在我的扩展程序打开时才会触发？

Answer 1

keypress 事件不会在按下修饰键时触发，此外，现在它已被弃用。

正如on the MDN 所说，您应该考虑改用keydown 事件，它支持您尝试过的方式。

event.keyCode 也已被弃用，而应使用event.key。

所以这段代码应该可以工作：

var inputText = document.getElementById('textareaSource');
    inputText.addEventListener('keydown', function (e) {
        if (e.key == "c" && e.altKey) {        
            // alert("You pressed Alt + C!");
        }
});