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

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

HTML | DOM onafterprint 事件

简介

onafterprint 事件在打印或预览操作完成后触发。这个事件只能应用于 <body> 元素。

语法
<body onafterprint="myFunction()">
示例
<!DOCTYPE html>
<html>
<head>
	<title>onafterprint 事件示例</title>
	<script>
		function handlePrint() {
			alert("打印或预览操作已完成");
		}
	</script>
</head>
<body onafterprint="handlePrint()">
	<h1>onafterprint 事件示例</h1>
	<p>请点击浏览器的打印或预览按钮</p>
</body>
</html>
注意事项
  • 在使用 onafterprint 事件时，应该注意检测浏览器的兼容性，因为有些浏览器可能不支持这个事件。
  • 如果需要在打印或预览操作之后进行某些 Dom 操作，建议使用 setTimeout 函数将 Dom 操作延时执行，以保证正确性。例如，下面的代码可以实现在 onafterprint 事件触发后延时 1 秒再执行 Dom 操作。
window.addEventListener("afterprint", function() {
  setTimeout(function() {
    // 执行 Dom 操作
  }, 1000);
});
参考资料