Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mendengar Acara Ubah Saiz Tetingkap Penyemak Imbas Tanpa jQuery?

Bagaimanakah Saya Boleh Mendengar Acara Ubah Saiz Tetingkap Penyemak Imbas Tanpa jQuery?

Barbara Streisand
Barbara Streisandasal
2025-01-04 09:55:40155semak imbas

How Can I Listen for Browser Window Resize Events Without jQuery?

Peristiwa Ubah Saiz Tetingkap Penyemak Imbas: Mendengar Tanpa jQuery

Untuk menyambung ke acara mengubah saiz tetingkap penyemak imbas tanpa menggunakan jQuery, terdapat dua kaedah utama:

Kaedah 1: Tambah Acara Pendengar

Kaedah pilihan ialah menambah pendengar acara pada acara ubah saiz. Ini memastikan pendengar akan dipanggil apabila tetingkap diubah saiznya.

window.addEventListener('resize', function(event) {
    // Code to execute when the window is resized
}, true);

Parameter sebenar dalam fungsi addEventListener menentukan bahawa pendengar harus dipanggil dalam fasa menangkap acara.

Kaedah 2: Tetapkan Pengendali kepada saiz semula Harta

Pendekatan alternatif ialah menetapkan fungsi pengendali kepada sifat saiz semula objek tetingkap. Walau bagaimanapun, kaedah ini hanya boleh mempunyai satu pengendali untuk acara ubah saiz.

window.onresize = function(event) {
    // Code to execute when the window is resized
};

Pertimbangan

  • jQuery mungkin menyediakan fungsi tambahan untuk memastikan penembakan yang konsisten bagi mengubah saiz acara merentas penyemak imbas.
  • Adalah disyorkan untuk menguji kefungsian dalam berbilang penyemak imbas seperti Firefox, Safari dan Internet Penjelajah untuk memastikan tingkah laku yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendengar Acara Ubah Saiz Tetingkap Penyemak Imbas Tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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