iFrame隐藏打印时afterprint事件无法触发问题求助

我花费近两天时间搜索并尝试了大量示例，仍无法触发afterprint事件，该事件似乎失效。找到的一些可运行在线示例，在自己的环境中无法复现。

我使用的代码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>PDF Printing</title>
  </head>
  <body>
        <button id="myButton2" onClick="printPage('http://localhost/~user/testPDF.pdf')">Print Me 2</button><br>

        <script type="text/javascript">
        function closePrint () {
                console.log("Ciao");
                document.body.removeChild(this.__container__);
        }

        function printPage (sURL) {
                var myButton = document.getElementById("myButton2");
                myButton.disabled=true;

                var printFrame = document.createElement("iframe");
                printFrame.id = "printPDF2";
                printFrame.style.display = 'none';
                printFrame.src = sURL;
                printFrame.onload = function() {
                  printFrame.contentWindow.addEventListener('afterprint', function(evt) {
                    console.log("yellow");
                    document.body.removeChild(iframe)
                  });
                  this.contentWindow.__container__ = this;
                  this.contentWindow.onbeforeunload = closePrint;
                  this.contentWindow.onafterprint = closePrint;
                  this.contentWindow.focus(); // Required for IE
                  this.contentWindow.print();
                }
                document.body.appendChild(printFrame);
        }
</script>
  </body>
</html>

我还尝试了MediaDetect方案，同样没有效果，JS控制台无任何输出，看不到“Ciao”或“yellow”。

我的环境是简易Apache服务器，浏览器为最新版Edge（103.0.1264.62）。

排查方向： #

• 同源策略限制：确认当前页面与PDF文件是否完全同源（协议、域名、端口一致）。如果存在跨域，浏览器会限制父页面访问iframe的contentWindow对象，导致事件监听无法生效。
• Edge内置PDF阅读器的特殊处理：Edge加载PDF时使用的是内置组件，而非普通HTML渲染环境，此时iframe的contentWindow可能不是标准window对象，绑定的事件监听器不会被执行。可以先将PDF转换为HTML页面测试，验证afterprint事件是否能正常触发。
• 代码错误排查：
  • 事件监听回调中的document.body.removeChild(iframe)存在变量未定义问题，iframe应该替换为printFrame或this.__container__，这个错误会导致代码执行中断，建议检查控制台错误信息。
  • 同时使用onafterprint赋值和addEventListener('afterprint')绑定事件，可能存在冲突，建议只保留一种方式。
• 事件绑定时机调整：PDF加载完成后立即绑定事件可能存在时机问题，可以尝试延迟绑定（比如用setTimeout延迟100-200ms），或者直接在父页面监听afterprint事件（调用iframe的print()后，父页面的afterprint部分浏览器也会触发）。
• 浏览器行为验证：确保测试时完成完整打印流程（哪怕选择打印到PDF），部分浏览器在取消打印时不会触发afterprint；同时在无痕模式下测试，排除插件或缓存干扰。

内容的提问来源于stack exchange，提问作者Alessandro Perucchi