JavaScript loga izmēra maiņas notikums

Javascript Loga Izmera Mainas Notikums



' mainīt izmērus ” notikums JavaScript ir iebūvēts notikums, kas tiek aktivizēts, kad lietotājs maina pārlūkprogrammas loga izmēru. Šo notikumu var izmantot, lai pielāgotu tīmekļa lapas izkārtojumu vai darbību, reaģējot uz jauno loga izmēru. Notikums tiek aktivizēts/aktivizēts loga objektā, kas apzīmē pārlūkprogrammas logu.

Šī ziņa ilustrēs loga izmēra maiņas notikumu JavaScript.







Kas ir loga “izmēra maiņas” notikums JavaScript?

Programmā JavaScript “ mainīt izmērus ” notikums tiek aktivizēts, kad mainās pārlūkprogrammas loga izmērs. Varat pievienot funkciju izmēra maiņas notikumam, izmantojot ' addEventListener() ” metodi loga objektā. Šis notikums tiks aktivizēts ikreiz, kad tiks mainīts pārlūkprogrammas loga izmērs.



Sintakse



Loga izmēra maiņas notikumam, izmantojot metodi “addEventListener()”, tiek izmantota šāda sintakse:





window.addEventListener ( 'mainīt izmēru' , funcName )


Ieteicams noņemt notikumu uztvērēju, lai izvairītos no atmiņas noplūdēm. Lai noņemtu notikumu klausītāju, izmantojiet ' RemoveEventListener() ” metode:

window.removeEventListener ( 'mainīt izmēru' , funcName ) ;


Piemērs



Norādītajā piemērā loga garums un platums tiks parādīts lapā, mainot loga izmērus.

Vispirms izveidojiet attāluma laukumu loga garuma un platuma attēlošanai:

Logs s platums:

logs'
s Augstums: < span id = 'augstums' > span >


Pēc tam tagā