如何检测window.print()完成

Question

在我的应用程序中,我尝试打印出用户的凭证页面,我用过:

  var htm ="<div>Voucher Details</div>";
  $('#divprint').html(htm);
  window.setTimeout('window.print()',2000);

' divprint' div在我的页面中存储有关凭证的信息.

它工作正常,弹出打印页面.但是一旦用户点击' print'或' close'弹出窗口,我想进一步继续申请.

例如,我想在弹出窗口关闭后将用户重定向到另一个页面:

window.application.directtoantherpage();//a function which direct user to other page

如何确定弹出打印窗口是关闭还是打印完成？

Answer 1

在FireFox和Internet Explorer中,您可以侦听后期打印事件.

https://developer.mozilla.org/en-US/docs/Web/API/window.onafterprint

window.onafterprint = function(){
   console.log("Printing completed...");
}

可以使用window.matchMedia在其他浏览器中获得此功能.

(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;

}());

资料来源:http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/

Answer 2

在铬(V.35.0.1916.153米)试试这个:

function loadPrint() {
    window.print();
    setTimeout(function () { window.close(); }, 100);
}

对我来说很棒.用户完成打印对话框后,它将关闭窗口.

Answer 3

兼容chrome,firefox,opera,Internet Explorer
注意:需要jQuery.

<script>

    window.onafterprint = function(e){
        $(window).off('mousemove', window.onafterprint);
        console.log('Print Dialog Closed..');
    };

    window.print();

    setTimeout(function(){
        $(window).on('mousemove', window.onafterprint);
    }, 1);

</script>

Answer 4

window.print 在 chrome 上同步运行。在你的控制台中尝试一下

window.print();
console.log("printed");

除非用户关闭（取消/保存/打印）打印对话框，否则不会显示“已打印”。

这是关于这个问题的更详细的解释。

我不确定 IE 或 Firefox 稍后会检查并更新