How to detect window print finish

Question

In my application  I tried to print out a voucher page for the user like this     var htm    lt div gt Voucher Details lt  div gt          divprint   html htm     window setTimeout  window print    2000      divprint  is a div in my page which store information about the voucher   It works  and the print page pops up  But I want to advance the application once the user clicks  print  or  close  in the browser s pop-up print dialog   For example  I d like to redirect user to another page after pop up window is closed   window application directtoantherpage     a function which direct user to other page   How can I determine when the pop up print window is closed or print is finished

User · Answer

Implementing window onbeforeprint and window onafterprint  The window close   call after the window print   is not working in Chrome v 78 0 3904 70  To approach this I m using Adam s answer with a simple modification        function print          function             let afterPrintCounter     window chrome   0   1         let beforePrintCounter     window chrome   0   1         var beforePrint   function                beforePrintCounter              if  beforePrintCounter     2                 console log  Functionality to run before printing                                  var afterPrint   function                afterPrintCounter              if  afterPrintCounter     2                 console log  Functionality to run after printing                    window close                                 if  window matchMedia              var mediaQueryList   window matchMedia  print              mediaQueryList addListener function  mql                 if  mql matches                    beforePrint                   else                   afterPrint                                                 window onbeforeprint   beforePrint         window onafterprint   afterPrint                  window print      To print the page when it is loaded      I m calling it in here    lt body onload  print     gt    This works for me  Note that I use a counter for both functions  so that I can handle this event in different browsers  fires twice in Chrome  and one time in Mozilla   For detecting the browser you can refer to this answer

User · Answer

Tested IE  FF  Chrome and works in all       setTimeout function      window print       500       window onfocus   function      setTimeout function      window close       500

User · Answer

window print behaves synchronously on chrome    try this in your console  window print    console log  printed       printed  doesn t display unless the print dialog is closed canceled saved printed  by the user   Here is a more detailed explanation about this issue   I am not sure about IE or Firefox will check and update that later

User · Answer

I think the window focus approach is the correct one  Here is an example in which I wanted to open a PDF url blob in a hidden iframe and print it  After printed or canceled  I wanted to remove the iframe          printBlob will create if not exists an iframe to load    the pdf  Once the window is loaded  the PDF is printed     It then creates a one-time event to remove the iframe from    the window      param  string  src Blob or any printable url      export const printBlob    src    gt      if  typeof window      undefined         throw new Error  You cannot print url without defined window           const iframeId    pdf-print-iframe     let iframe   document getElementById iframeId     if   iframe        iframe   document createElement  iframe        iframe setAttribute  id   iframeId       iframe setAttribute  style    position absolute left -9999px        document body append iframe         iframe setAttribute  src   src     iframe addEventListener  load        gt        iframe contentWindow focus        iframe contentWindow print        const infanticide        gt          iframe parentElement removeChild iframe         window removeEventListener  focus   infanticide             window addEventListener  focus   infanticide

User · Answer

Print in new window with w   window open url    blank   and try w focus   w close    and detect when page is closed  Works in all browsers   w   window open url    blank    w onunload   function     console log  closed       w focus    w print    w close      Window close after finish print

User · Answer

you can t really know if the user clicked the print of cancel button because they both fire the same event onafterprint or afterprint  which I think is very stupid  why not differentiating between the two events

User · Answer

You can listen to the afterprint event   https   developer mozilla org en-US docs Web API window onafterprint  window onafterprint   function       console log  Printing completed           It may be possible to use window matchMedia to get this functionality in another way    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           Source  http   tjvantoll com 2012 06 15 detecting-print-requests-with-javascript

User · Answer

You can detect when window print   is finished simply by putting it in another function    function to call if you want to print var onPrintFinished function printed  console log  do something           print command onPrintFinished window print       tested in Firefox Google chrome IE

User · Answer

This Actually worked for me in chrome  I was pretty suprised   jQuery document  bind  keyup keydown   function e       if e ctrlKey  amp  amp  e keyCode    80            Print    e preventDefault                Where Print is a function I wrote that calls window print    It also works as a pure blocker if you disable Print     As noted here by user3017502  window print   will pause so you can add an onPrintFinish or onPrintBegin like this  function Print        onPrintBegin     window print        onPrintFinish

User · Answer

It works for me with   window  focus     var w  var src    http   pagetoprint   if   chrom e ium   test navigator userAgent toLowerCase           w       lt iframe gt  lt  iframe gt         w attr  src   src       w css  display    none           body   append w       w load function             w 0  focus            w 0  contentWindow print                  window  focus function             console log  After print              else       w   window open src         w  unload function             console log  After print

User · Answer

It is difficult  due to different browser behavior after print  Desktop Chrome handles the print dialogue internally  so doesn t shift focus after print  however  afterprint event works fine here  As of now  81 0   On the other hand  Chrome on mobile device and most of the other browsers shifts focus after print and afterprint event doesn t work consistently here  Mouse movement event doesn t work on mobile devices   So  Detect if it is Desktop Chrome  If Yes  use afterprint event  If No  use focus based detection  You can also use mouse movement event Works in desktop only  in combination of these  to cover more browsers and more scenarios

User · Answer

compatible with chrome  firefox  opera  Internet Explorer  Note  jQuery required      lt script gt       window onafterprint   function e             window  off  mousemove   window onafterprint           console log  Print Dialog Closed                  window print         setTimeout function              window  one  mousemove   window onafterprint          1     lt  script gt

User · Answer

On chrome  V 35 0 1916 153 m  Try this   function loadPrint         window print        setTimeout function      window close       100       Works great for me  It will close window after user finished working on printing dialog

User · Answer

See https   stackoverflow com a 15662720 687315  As a workaround  you can listen for the afterPrint event on the window  Firefox and IE  and listen for mouse movement on the document  indicating that the user has closed the print dialog and returned to the page  after the window mediaMatch API indicates that the media no longer matches  print   Firefox and Chrome    Keep in mind that the user may or may not have actually printed the document  Also  if you call window print   too often in Chrome  the user may not have even been prompted to print

User · Answer

Given that you wish to wait for the print dialog to go away I would use focus binding on the window   print     var handler   function          unbind task          window  unbind  focus  handler        window  bind  focus  handler     By putting in the unbind in the handler function we prevent the focus event staying bond to the window

[javascript] How to detect window.print() finish

Examples related to javascript

Examples related to jquery