Javascript Event Handler for Print

by

Different Style Sheets

You can specify a different stylesheet for printing.

<link rel="stylesheet" type="text/css" media="print" href="https://stackoverflow.com/questions/534977/print.css" />
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />

One Style Sheet

As kodecraft mentioned, you can also put the styles into the same file by using the @media block.

@media print {
    div.box {
        width:100px;
    }
}

@media screen {
    div.box {
        width:400px;
    }
}

More Related Contents:

  1. Catch browser’s “zoom” event in JavaScript
  2. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  3. When a ‘blur’ event occurs, how can I find out which element focus went *to*?
  4. “this” keyword in event methods when using JavaScript prototype object
  5. JavaScript / jQuery: Test if window has focus
  6. Accessing an object’s property from an event listener call in JavaScript
  7. ‘this’ does not work properly in another event. I’m clueless as to why [duplicate]
  8. Get index of clicked element in collection with jQuery
  9. How to stop default link click behavior with jQuery
  10. JavaScript: DOM load events, execution sequence, and $(document).ready()
  11. jQuery live scroll event on mobile (work around)
  12. how to move a div with arrow keys
  13. Detect if button click real user or triggered by a script
  14. jQuery Change event on an element – any way to retain previous value?
  15. Possible to force printer setup (paper size) in javascript?
  16. jQuery Mobile : What is the order of page events triggering?
  17. Difference between document.addEventListener and window.addEventListener?
  18. How to know if .keyup() is a character key (jQuery)
  19. Remove key press delay in Javascript
  20. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  21. Internet Explorer and JavaScript event currentTarget
  22. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  23. Is it bad practice to use inline event handlers in HTML? [closed]
  24. Print a div content using Jquery
  25. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  26. manually trigger touch event
  27. Copy Current Webpage Into a New Window
  28. Force server TextChanged event from javascript
  29. Add multiple window.onload events
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment