onafterprint常不触发主因是环境限制：移动端safari/chrome for android不支持，旧版edge及部分国产浏览器静默忽略，用户取消打印或页面跳转亦导致失效；addeventlistener('afterprint')更可靠但须提前注册且仅限当前window生效。
onafterprint 属性能监听打印对话框关闭，但不能保证物理打印完成，也不支持多监听器。它只是个单次赋值的属性，覆盖即失效。
为什么 onafterprint 经常不触发？
常见原因不是代码写错，而是环境限制：
• 移动端 Safari、Chrome for Android 完全不支持该事件；
• Windows Edge 旧版（≤18）和部分国产浏览器内核会静默忽略；
• 打印被用户直接取消（点“取消”或关掉对话框），部分浏览器仍会触发，部分不会；
• 页面在打印过程中被刷新或跳转，事件监听直接丢失。
addEventListener('afterprint', ...) 更可靠但仍有坑
相比直接赋值 onafterprint，用 addEventListener 至少能避免被覆盖，也方便动态移除：
• 必须在 window.print() 调用前注册，否则可能错过事件；
• 不能在 iframe 或弹出窗口里监听父页面的 afterprint，事件只在当前 window 生效；
• 若页面含多个 iframe，每个需单独绑定；
• 示例：
if (typeof window.print === 'function') {<br> const handleAfterPrint = () => {<br> console.log('打印对话框已关闭');<br> // 这里做 DOM 恢复、状态重置等<br> };<br> window.addEventListener('afterprint', handleAfterPrint, { once: true });<br> window.print();<br>}
真正要恢复页面，别只靠 afterprint
它只是个信号，不是“打印完成确认”。实际清理必须配合主动控制：
• 临时 DOM 替换时，用 document.body.innerHTML 直接赋值会丢事件监听和 Vue/React 状态，应改用 appendChild + removeChild 或框架安全方式；
• 若用了 Vuex/Pinia，打印前保存关键 state 快照，afterprint 中再还原，而非依赖 DOM 回滚；
• 避免在 afterprint 中执行异步操作（如 fetch），因为浏览器可能已进入后台或节电状态；
• 最稳妥做法：把打印内容抽离到独立 iframe，打印完直接 iframe.remove()，不影响主页面任何状态。
