此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Window:beforeprint 事件

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2019年9月⁩.

beforeprint 事件会在相关联的文档即将打印或预览打印时触发。

afterprintbeforeprint 事件允许页面在打印开始之前更改其内容(例如,也许是移除 banner)然后在打印完成后还原这些更改。一般来说,你应该更倾向于使用 @media print CSS at 规则,但在某些情况下可能有必要使用这些事件。

语法

在像 addEventListener() 的方法中使用事件名称,或设置事件处理属性。

js
addEventListener("beforeprint", (event) => {});
onbeforeprint = (event) => {};

事件类型

一个通用的 Event

示例

使用 addEventListener()

js
window.addEventListener("beforeprint", (event) => {
  console.log("打印前");
});

使用 onbeforeprint 事件处理属性:

js
window.onbeforeprint = (event) => {
  console.log("打印前");
};

规范

Specification
HTML
# event-beforeprint
HTML
# handler-window-onbeforeprint

浏览器兼容性

参见