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 事件会在相关联的文档即将打印或预览打印时触发。
afterprint 和 beforeprint 事件允许页面在打印开始之前更改其内容(例如,也许是移除 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> |
浏览器兼容性
参见
- 相关事件:
afterprint