2

我正在使用这个代码，它源于这里和这里。

$('#my_button').on('click', function (e) {
    var iframe = document.createElement('iframe');
    iframe.id = "my_iframe";
    iframe.onload = function() {
        var doc = iframe.contentDocument || iframe.contentWindow.document;
        doc.getElementsByTagName('body')[0].innerHTML = "<p>test123</p>";

        iframe.contentWindow.focus(); 
        iframe.contentWindow.print();

        $("#my_iframe", top.document).remove();
    };

    document.getElementsByTagName('body')[0].appendChild(iframe);
});

没有这remove条线，它打印得很好。但是，该remove行在iframe有机会执行print(). 如何设置某种回调以便它打印然后才删除 iframe？

谢谢。

4

2 回答 2

5

我在搜索打印事件检测时找到了这个解决方案：

http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/

在这里，我按照 Stano 的要求添加了 JS 代码，但重要的是还要阅读整个链接的帖子，因为这种方法存在局限性。一般来说，这篇文章是关于仅在 IE 中有效的 onafterprint 事件以及使该事件在其他浏览器中有效的解决方案。

(function() {
    var beforePrint = function() {
        console.log('Functionality to run before printing.');
    };
    var afterPrint = function() {
        console.log('Functionality to run after printing');
    };

    if (window.matchMedia) {
        var mediaQueryList = window.matchMedia('print');
        mediaQueryList.addListener(function(mql) {
            if (mql.matches) {
                beforePrint();
            } else {
                afterPrint();
            }
        });
    }

    window.onbeforeprint = beforePrint;
    window.onafterprint = afterPrint;
}());
于 2012-08-15T08:38:47.583 回答
2

创建一个这样的函数：

function printIframe(iframe,callback) {
  iframe.contentWindow.print();
  if (callback && typeof(callback) === "function") {
    // execute the callback, passing parameters as necessary
    callback();
  }
}

并调用它而不是像这样的其他两个函数。printIframe(iframe,function(){ $("#my_iframe", top.document).remove();})

如果你愿意，你也可以使用 setTimeout 来延迟。

setTimeout(function() {alert('hello');},1250);
于 2012-08-15T08:43:08.770 回答