我可以在浏览器中阻止 windows 上的 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

如果您 using/can 使用 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
   }
});

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

Can I prevent ctrl + shift + p system print dialog on windows in the browser?

javascript

printing

event-handling