Bagaimana untuk Mencapai Keserasian Silang Pelayar untuk `onbeforeprint()` dan `onafterprint()`?

Linda Hamilton
Lepaskan: 2024-11-03 11:13:03
asal
807 orang telah melayarinya

How to Achieve Cross-Browser Compatibility for `onbeforeprint()` and `onafterprint()`?

Cross-Browser Equivalent for onbeforeprint() and onafterprint()

Sedangkan IE menawarkan fungsi onbeforeprint() dan onafterprint(), fungsi ini tidak disokong secara asli dalam semua penyemak imbas. Untuk penyelesaian silang penyemak imbas, pertimbangkan untuk menggunakan window.matchMedia dan window.onbeforeprint/window.onafterprint.

Menggunakan window.matchMedia

window.matchMedia membolehkan anda mengesan apabila pertanyaan media CSS menjadi aktif. Dalam kes percetakan, pertanyaan media 'cetak' boleh digunakan. Tambahkan pendengar acara pada objek window.matchMedia('print') untuk melaksanakan fungsi sebelum dan selepas mencetak:

if ('matchMedia' in window) {
    window.matchMedia('print').addListener(function(media) {
        if (media.matches) {
            beforePrint();
        } else {
            $(document).one('mouseover', afterPrint);
        }
    });
}
Salin selepas log masuk

Ambil perhatian bahawa teknik ini mungkin menghasilkan berbilang panggilan ke beforePrint() dan afterPrint() , bergantung pada tingkah laku penyemak imbas.

Menggunakan window.onbeforeprint/window.onafterprint

IE dan Firefox menyokong peristiwa window.onbeforeprint dan window.onafterprint. Dengar acara ini dengan jQuery:

$(window).on('beforeprint', beforePrint);
$(window).on('afterprint', afterPrint);
Salin selepas log masuk

Pelaksanaan

Anda boleh mendapatkan maklumat lanjut tentang pendekatan silang pelayar ini di https://tjvantoll.com/2012 /06/15/mengesan-permintaan-cetak-dengan-javascript/

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Keserasian Silang Pelayar untuk `onbeforeprint()` dan `onafterprint()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan