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'; 
    } 
}