window.print() 后的确认消息

Question

众所周知，在window.print()产生的打印窗口上，无法判断用户是点击了打印还是取消。

所以我坚持下一个最好的办法，那就是询问用户是否打印成功。

我有这个：

$(document).ready(function(){

    window.print();

    var a = confirm('Confirm printing as successfull and mark Job Cards as Released?');
    if(a == true) {
        $.post('PrintSuccess');
        window.location = '/Menu';
    }
});

问题是，确认框先于打印窗口弹出，如何保证打印窗口先出现？

Answer 1

有几种方法可以确保在运行代码块之前完成 print dialog。浏览器支持各不相同，因此您可能需要组合其中一些以满足您的需要。请参阅下面的 stackoverflow 主题。

• how to detect window.print() finish
• Close window automatically after printing dialog closes

以下代码应该适用于大多数现代浏览器。

var printCompleteCallback = function () {
    var conf = confirm('Confirm printing as successfull and mark Job Cards as Released?');
    if (conf) {
        if (a == true) {
            $.post('PrintSuccess');
            window.location = '/Menu';
        }
    }
}

window.print();
if (window.onafterprint) { //check if browser supports window.onafterprint event handler (Firefox and IE)
    $(window).one("afterprint", printCompleteCallback);
}
else { //Use setTimeout solution if onafterprint is not supported (Chrome)
    setTimeout(printCompleteCallback, 0);
}

Answer 2

window.onafterprint = function() {
    var a = confirm('Confirm printing as successfull and mark Job Cards as Released?');
    if(a == true) {
        $.post('PrintSuccess');
        window.location = '/Menu';
    }
}