How to trigger javascript on print event?

by

For anyone stumbling upon this answer from Google, let me try to clear things up:

As Ajay pointed out, there are two events which are fired for printing, but they are not well-supported; as far as I have read, they are only supported in Internet Explorer and Firefox (6+) browsers. Those events are window.onbeforeprint and window.onafterprint, which (as you’d expect) will fire before and after the print job.

However, as pointed out in Joe’s link (https://stackoverflow.com/a/9920784/578667), that’s not exactly how it is implemented in all cases. In most cases, both events fire before the dialog; in others, script execution might be halted during the print dialog, so both events may fire at the same time (after the dialog has been completed).

For more information (and browser support) for these two events:

https://developer.mozilla.org/en-US/docs/DOM/window.onbeforeprint

https://developer.mozilla.org/en-US/docs/DOM/window.onafterprint

The short answer: if you’re hoping to interfere with the print flow, don’t. If you’re hoping to trigger code after printing, it’s not going to work how you’re wanting; expect poor browser support, and try to degrade gracefully.

More Related Contents:

  1. Disabling browser print options (headers, footers, margins) from page?
  2. How to force browser to show image 3 inches wide?
  3. Identifying Between Refresh And Close Browser Actions
  4. Browser-native JSON support (window.JSON)
  5. Javascript – How to extract filename from a file input control
  6. How to get the browser to navigate to URL in JavaScript [duplicate]
  7. window.onunload is not working properly in Chrome browser. Can any one help me?
  8. Caching a jquery ajax response in javascript/browser
  9. How to detect when a page exits fullscreen?
  10. What are the current cookie limits in modern browsers?
  11. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  12. How does setInterval and setTimeout work?
  13. Print specific part of webpage
  14. Listener for property value changes in a Javascript object
  15. Stop people having my website loaded on multiple tabs
  16. How can I use JavaScript to transform XML & XSLT?
  17. Disable Browser Window Resize
  18. full-screen browser window on load document
  19. Usage of Hash(#) in URL
  20. What are the limitation using before unload event?
  21. How to run desktop app from browser?
  22. How to detect Facebook in-app browser?
  23. Can we get browser history by using Javascript?
  24. Getting the text from a drop-down box
  25. Is there any EventEmitter in browser side that has similar logic in NodeJS?
  26. window.opener.focus() doesn’t work
  27. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
  28. Is it possible to make input fields read-only through CSS?
  29. Could a website force the browser to go into fullscreen mode?
  30. Javascript Event Handler for Print

Leave a Comment