📌  相关文章
📜  HTML | DOM onbeforeprint 事件(1)

📅  最后修改于: 2023-12-03 15:01:12.008000             🧑  作者: Mango

HTML | DOM onbeforeprint 事件

简介

DOM onbeforeprint 事件是当准备打印文档时触发的事件。在此事件中，程序员可以对要打印的内容进行一些处理，以确保打印结果符合预期。

语法
window.onbeforeprint = function(event) {
  // 在打印之前执行的代码
};
示例

以下代码演示了如何使用 onbeforeprint 事件来隐藏网页中的某些元素，在打印时不会被打印出来。

<!DOCTYPE html>
<html>
<body>

<h1>例子</h1>

<p>这是要打印的内容。</p>
<p>这是要隐藏的内容。</p>

<script>
window.onbeforeprint = function() {
  document.getElementsByTagName("p")[1].style.display = "none";
};
</script>

</body>
</html>
注意事项
  1. onbeforeprint 事件只能应用于 window 对象。
  2. onbeforeprint 事件触发时，不能取消打印动作。如果程序员需要取消打印操作，请使用 window.print() 方法的返回值来判断是否进行打印。