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
Lepaskan: 2025-01-04 09:55:40
asal
182 orang telah melayarinya

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);
Salin selepas log masuk

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
};
Salin selepas log masuk

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