Peristiwa pengubahan ukuran Jendela JavaScript

Peristiwa Pengubahan Ukuran Jendela Javascript



mengubah ukuran ” dalam JavaScript adalah peristiwa bawaan yang dipicu saat pengguna mengubah ukuran jendela browser. Acara ini dapat digunakan untuk menyesuaikan tata letak atau perilaku halaman web sebagai respons terhadap ukuran jendela baru. Acara dipicu/diaktifkan pada objek jendela yang menunjukkan jendela browser.

Posting ini akan mengilustrasikan peristiwa pengubahan ukuran jendela di JavaScript.







Apa itu Acara 'Ubah Ukuran' Jendela di JavaScript?

Dalam JavaScript, “ mengubah ukuran ” acara dipecat ketika ukuran jendela browser berubah. Anda dapat melampirkan fungsi ke acara pengubahan ukuran menggunakan “ addEventListener() ” metode pada objek jendela. Acara ini akan dipicu setiap kali jendela browser diubah ukurannya.



Sintaksis



Sintaks berikut digunakan untuk acara pengubahan ukuran untuk mengubah ukuran jendela dengan metode 'addEventListener()':





window.addEventListener ( 'ubah ukuran' , namafungsi )


Direkomendasikan untuk menghapus event listener untuk menghindari kebocoran memori. Untuk menghapus pendengar acara, gunakan ' hapusEventListener() ' metode:

window.removeEventListener ( 'mengubah ukuran' , namafungsi ) ;


Contoh



Dalam contoh yang diberikan, panjang dan lebar jendela akan ditampilkan di halaman saat mengubah ukuran jendela.

Pertama, buat area rentang untuk menampilkan panjang dan lebar jendela:

Jendela Lebar:

Jendela'
Tinggi: < menjangkau pengenal = 'tinggi' > menjangkau >


Kemudian, di tag