Bagaimana untuk Mengesan Peristiwa Cetakan dalam Aplikasi Penyemak Imbas Rentas?

Mengesan Peristiwa Cetakan dalam Aplikasi Penyemak Imbas Silang

Walaupun penamatan onbeforeprint() dan onafterprint() dalam penyemak imbas bukan IE, terdapat ialah satu cara untuk mencapai kefungsian yang serupa menggunakan window.matchMedia dan window.onbeforeprint/window.onafterprint.

Menggunakan window.matchMedia

Banyak penyemak imbas moden kini menyokong window.matchMedia , yang membolehkan pengesanan perubahan dalam pertanyaan media CSS. Dengan menggabungkan window.matchMedia dengan window.onbeforeprint/window.onafterprint, adalah mungkin untuk mencipta pendekatan silang penyemak imbas untuk mengesan peristiwa cetakan.

Panggil Balik Acara

fungsi berikut boleh digunakan sebagai panggilan balik acara untuk window.matchMedia:

<code class="javascript">window.matchMedia('print').addListener(function(media) {
    if (media.matches) {
        // Print is starting
    } else {
        // Print has ended
    }
});</code>

Legacy IE dan Sokongan Firefox

Untuk penyemak imbas yang tidak menyokong window.matchMedia, masih boleh mendengar acara onbeforeprint dan onafterprint secara langsung:

<code class="javascript">$(window).on('beforeprint', beforePrint);
$(window).on('afterprint', afterPrint);</code>

Nota: Seperti yang dinyatakan dalam respons yang disediakan, adalah penting untuk mengetahui bahawa window.matchMedia listener boleh menyala beberapa kali semasa kerja cetakan tunggal dalam sesetengah penyemak imbas. Ini mungkin menjejaskan pelaksanaan pengendali acara anda, jadi pertimbangkan tingkah laku ini semasa mereka bentuk logik anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Peristiwa Cetakan dalam Aplikasi Penyemak Imbas Rentas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!