我可以在浏览器的窗口上阻止ctrl+shift+p系统打印对话框吗

Question

我想使用ctrl+shift+p组合键来打开一个类似于在https://vscode.dev.这在MacOS上的浏览器中似乎可以很好地工作，但当我在windows上尝试这样做时，它会打开一个系统打印对话框。

我曾尝试为"beforeprint"添加一个事件侦听器，但我认为它不可取消。

window.addEventListener('beforeprint', (event) => {
event.preventDefault();
event.stopPropagation();
});

我正试图阻止密钥绑定的这个处理程序中的打印对话框

document.addEventListener('keydown', (event) => {
if (event.key === 'p' && event.shiftKey && (event.ctrlKey || event.metaKey)) {
// Prevent browser print dialog
event.preventDefault();
// Prevent dev tools command palette from opening
event.stopPropagation();

// Do logic here
}
});

这个处理程序在MacOS safari和chrome上似乎工作得很好，但我无法在Windows上复制它打开系统打印对话框的行为。

Answer 1

如果您正在使用/可以使用jQuery:

$(document).bind("keyup keydown", function(e) {
if (e.ctrlKey && e.keyCode == 80) {
alert("Do what ever you want here.")
return false; // Stops print  
}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

如果你在这里运行它，它将不起作用。试着在codepen或其他地方运行它

Answer 2

我可以通过将event.key === 'p'的检查切换到event.keyCode === 80来解决此问题。我不需要'beforePrint'处理程序。

document.addEventListener('keydown', (event) => {
if (event.keyCode === 80 && event.shiftKey && (event.ctrlKey || event.metaKey)) {
// Prevent browser print dialog
event.preventDefault();
// Prevent dev tools command palette from opening
event.stopPropagation();

// Do logic here
}
});