Close window automatically after printing dialog closes

by

if you try to close the window just after the print() call, it may close the window immediately and print() will don’t work. This is what you should not do:

window.open();
...
window.print();
window.close();

This solution will work in Firefox, because on print() call, it waits until printing is done and then it continues processing javascript and close() the window.
IE will fail with this because it calls the close() function without waiting for the print() call is done. The popup window will be closed before printing is done.

One way to solve it is by using the “onafterprint” event but I don’ recommend it to you becasue these events only works in IE.

The best way is closing the popup window once the print dialog is closed (printing is done or cancelled). At this moment, the popup window will be focussed and you can use the “onfocus” event for closing the popup.

To do this, just insert this javascript embedded code in your popup window:

<script type="text/javascript">
window.print();
window.onfocus=function(){ window.close();}
</script>

Hope this hepls 😉

Update:

For new chrome browsers it may still close too soon see here. I’ve implemented this change and it works for all current browsers: 2/29/16

        setTimeout(function () { window.print(); }, 500);
        window.onfocus = function () { setTimeout(function () { window.close(); }, 500); }

More Related Contents:

  1. How to capture the Print Event?
  2. Print only?
  3. Print the contents of a DIV
  4. Disabling browser print options (headers, footers, margins) from page?
  5. Can a PDF file’s print dialog be opened with Javascript?
  6. Javascript Print iframe contents only
  7. How do I print an IFrame from javascript in Safari/Chrome
  8. window.print() not working in IE
  9. Print specific part of webpage
  10. How can Print Preview be called from Javascript?
  11. How to print HTML content on click of a button, but not the page? [duplicate]
  12. Open a new javascript window(.open) along with its CSS styling
  13. Possible to force printer setup (paper size) in javascript?
  14. Select a printer and silently print
  15. Print a div using javascript in angularJS single page application
  16. js window.open then print()
  17. Print a div content using Jquery
  18. Javascript window.print() in chrome, closing new window or tab instead of cancelling print leaves javascript blocked in parent window
  19. How to trigger javascript on print event?
  20. Is it possible to make input fields read-only through CSS?
  21. Using javascript to print images
  22. Copy Current Webpage Into a New Window
  23. Twitter Bootstrap: Print content of modal window
  24. Javascript Event Handler for Print
  25. how to proportionally scale a div with images inside?
  26. Launch Bootstrap Modal on Page Load
  27. Check if event exists on element [duplicate]
  28. Overriding a JavaScript function while referencing the original
  29. How to open a file browser with default directory in Javascript?
  30. Chrome userscript error: “Unsafe JavaScript attempt to access frame”

Leave a Comment