Bestätigungsmeldung nach window.print()

Question

Es ist bekannt, dass es keine Möglichkeit gibt festzustellen, ob ein Benutzer in dem von window.print() erstellten Druckfenster auf Drucken oder Abbrechen geklickt hat.

Also bin ich mit der nächstbesten Sache fest, die eigentlich den Benutzer fragen soll, ob sie erfolgreich gedruckt haben.

Ich habe dies:

$(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'; 
    } 
}); 

Das Problem ist, erscheint das Bestätigungsfenster vor dem Druckfenster nach oben ist, wie kann das Druckfenster zum ersten Mal erscheint gewährleisten?

Answer 1

Es gibt ein paar Möglichkeiten, um sicherzustellen, dass ein print dialog beendet ist, bevor ein Code-Block ausgeführt wird. Die Browserunterstützung variiert, daher müssen Sie möglicherweise einige davon kombinieren, um Ihren Anforderungen zu entsprechen. Siehe unten Stapelüberhang-Themen.

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

Der folgende Code sollte für die meisten modernen Browsern.

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