Ang ' baguhin ang laki ” na kaganapan sa JavaScript ay isang built-in na kaganapan na na-trigger kapag binago ng user ang laki ng isang browser window. Maaaring gamitin ang kaganapang ito upang ayusin ang layout o gawi ng isang web page bilang tugon sa laki ng bagong window. Ang kaganapan ay na-trigger/pinagana sa window object na nagsasaad ng browser window.
Ang post na ito ay maglalarawan ng kaganapan sa pagbabago ng laki ng Window sa JavaScript.
Ano ang Window 'resize' Event sa JavaScript?
Sa JavaScript, ang ' baguhin ang laki Ang kaganapan ay pinapagana kapag nagbago ang laki ng window ng browser. Maaari kang mag-attach ng isang function sa kaganapan ng pagbabago ng laki gamit ang ' addEventListener() ” paraan sa object ng window. Magti-trigger ang kaganapang ito sa tuwing babaguhin ang laki ng browser window.
Syntax
Ang sumusunod na syntax ay ginagamit para sa pagbabago ng laki ng kaganapan para sa pagbabago ng laki ng window gamit ang 'addEventListener()' na paraan:
window.addEventListener ( 'baguhin ang laki' , funcName )
Inirerekomenda na alisin ang tagapakinig ng kaganapan upang maiwasan ang anumang pagtagas ng memorya. Para sa pag-alis ng tagapakinig ng kaganapan, gamitin ang ' removeEventListener() 'paraan:
Halimbawa
Sa ibinigay na halimbawa, ang haba at lapad ng window ay ipapakita sa pahina habang binabago ang laki ng window.
Una, lumikha ng span area para sa pagpapakita ng haba at lapad ng window:
Bintana 's Width:Bintana' s Taas: < span id = 'taas' > span >
Pagkatapos, sa