Javascript Event-Handler für Print

Question

Ich versuche, Stil bei Druckzeit zu ändern:

Gibt es ein Ereignis in Javascript, die Sie für hören, wenn die Datei >> Druck genannt wird? Was ist es? Außerdem - gibt es einen Handler für den Druckvorgang? Was ist es?

oder wenn es einen besseren Weg gibt, dies mit anderen Mitteln zu tun, wie zum Beispiel Stylesheets, wie macht man das?

Answer 1

Verschiedene Style Sheets

Sie können ein anderes Stylesheet für den Druck angeben.

<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="main.css" /> 

One Style Sheet

Wie kodecraft erwähnt, können Sie die Stile in die gleiche Datei setzen auch die @media Block unter Verwendung.

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

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

Answer 2

IE hat OnBeforePrint und Onafterprint

Answer 3

In IE gibt es die Nicht-Standard-window.onBeforePrint() und window.onAfterPrint() Ereignis-Listener. Es gibt jedoch keinen anderen Weg, das zu tun, als ich weiß.

Welche Art von Änderungen möchten Sie vornehmen? Es ist möglich, dass Ihr Problem gelöst werden könnte, indem Sie verschiedene Regeln für Ihr Druck-Stylesheet festlegen.

Answer 4

Wir fanden auch, dass Sie einen Ausdruck nur Stil mit der folgenden Aktionen durchführen:

<style type="text/css"> 
@media print { 
    div 
    { 
     overflow:visible; 
    }  
} 
</style> 

Answer 5

Firefox 6 unterstützt jetzt Before und afterprint

https://developer.mozilla.org/en/Printing#Detecting_print_requests