javascript - 在 JavaScript 中捕获 CTRL + P 并调用自定义函数进行打印

Question

我有一个网页，可以在弹出窗口中显示帐单信息。该弹出窗口是一个 DIV，而不是一个新窗口。在该弹出窗口中有两个 div，其中一个用于按住打印和关闭按钮另一个是持有一个iframe。

原因是当单击打印按钮时，会打印 iframe 的内容，因此打印和关闭按钮不会被打印。就像:

<div id='popupandcenterscreen'>
<div>... print and close buttons</div>
<div><iframe></div>
</div>

因此，这是一个列表，其中每个条目都有一个帐单链接，单击时会显示弹出窗口，其中加载 iframe 以显示帐单信息。

当用户单击打印按钮时，我们仅打印 iframe 的文档内容。

但是当用户使用 CTRL + P 时，会打印整个窗口，包括背景父窗口和此弹出 div。

我的想法是在弹出窗口打开时捕获 ctrl+p 并仅打印 iframe 内容。

这怎么可能？

Answer 1

我认为更好的解决方案是通过 CSS 中的 @media 规则控制渲染，或者根据媒体类型包含不同的样式表。然后，您可以使用 display 等 CSS 属性来隐藏某些要打印的元素，甚至为它们提供不同的大小和位置。