onbeforeprint() und onafterprint() äquivalent für Nicht-IE-Browser

Viele Browser unterstützt jetzt window.matchMedia . Mit dieser API können Sie erkennen, wann CSS-Medienabfragen wirksam werden (z. B. Drehen des Bildschirms oder Drucken des Dokuments). Kombinieren Sie für einen browserübergreifenden Ansatz window.matchMedia mit window.onbeforeprint /window.onafterprint .

Das Folgende kann zu mehreren Aufrufen von beforePrint() führen und afterPrint() (z. B. Chrome löst den Listener jedes Mal aus, wenn die Druckvorschau neu generiert wird ). Abhängig von der jeweiligen Verarbeitung, die Sie als Reaktion auf den Druck durchführen, kann dies wünschenswert sein oder nicht.

if ('matchMedia' in window) {
    // Chrome, Firefox, and IE 10 support mediaMatch listeners
    window.matchMedia('print').addListener(function(media) {
        if (media.matches) {
            beforePrint();
        } else {
            // Fires immediately, so wait for the first mouse movement
            $(document).one('mouseover', afterPrint);
        }
    });
} else {
    // IE and Firefox fire before/after events
    $(window).on('beforeprint', beforePrint);
    $(window).on('afterprint', afterPrint);
}

Mehr:http://tjvantoll.com/2012/ 06/15/Erkennung-von-Druckanfragen-mit-Javascript/