Acara mengubah saiz Tetingkap JavaScript

Acara Mengubah Saiz Tetingkap Javascript



' ubah saiz ” peristiwa dalam JavaScript ialah peristiwa terbina dalam yang dicetuskan apabila pengguna menukar saiz tetingkap penyemak imbas. Acara ini boleh digunakan untuk melaraskan reka letak atau tingkah laku halaman web sebagai tindak balas kepada saiz tetingkap baharu. Peristiwa dicetuskan/dicetuskan pada objek tetingkap yang menandakan tetingkap penyemak imbas.

Siaran ini akan menggambarkan peristiwa mengubah saiz Tetingkap dalam JavaScript.







Apakah Peristiwa 'ubah saiz' Tetingkap dalam JavaScript?

Dalam JavaScript, ' ubah saiz ” peristiwa dicetuskan apabila saiz tetingkap penyemak imbas berubah. Anda boleh melampirkan fungsi pada acara ubah saiz menggunakan ' addEventListener() ” kaedah pada objek tetingkap. Peristiwa ini akan dicetuskan apabila tetingkap penyemak imbas diubah saiznya.



Sintaks



Sintaks berikut digunakan untuk acara ubah saiz untuk mengubah saiz tetingkap dengan kaedah 'addEventListener()':





window.addEventListener ( 'ubah saiz' , funcName )


Adalah disyorkan untuk mengalih keluar pendengar acara untuk mengelakkan sebarang kebocoran memori. Untuk mengalih keluar pendengar acara, gunakan ' removeEventListener() ' kaedah:

window.removeEventListener ( 'ubah saiz' , funcName ) ;


Contoh



Dalam contoh yang diberikan, panjang dan lebar tetingkap akan dipaparkan pada halaman sambil mengubah saiz tetingkap.

Mula-mula, buat kawasan span untuk memaparkan panjang dan lebar tetingkap:

Tingkap Lebar:

tingkap'
s Tinggi: < rentang ID = 'tinggi' > rentang >


Kemudian, dalam teg