Evenimentul de redimensionare a ferestrei JavaScript

Evenimentul De Redimensionare A Ferestrei Javascript



redimensiona ” evenimentul în JavaScript este un eveniment încorporat declanșat atunci când utilizatorul modifică dimensiunea unei ferestre de browser. Acest eveniment poate fi folosit pentru a ajusta aspectul sau comportamentul unei pagini web ca răspuns la dimensiunea noii ferestre. Evenimentul este declanșat/declanșat pe obiectul fereastră care denotă fereastra browserului.

Această postare va ilustra evenimentul de redimensionare a ferestrei în JavaScript.







Ce este evenimentul de „redimensionare” a ferestrei în JavaScript?

În JavaScript, „ redimensiona ” evenimentul este declanșat când dimensiunea ferestrei browserului se modifică. Puteți atașa o funcție evenimentului de redimensionare folosind butonul „ addEventListener() ” pe obiectul fereastră. Acest eveniment se va declanșa ori de câte ori fereastra browserului este redimensionată.



Sintaxă



Următoarea sintaxă este utilizată pentru evenimentul de redimensionare pentru redimensionarea ferestrei cu metoda „addEventListener()”:





window.addEventListener ( „redimensionează” , funcName )


Se recomandă eliminarea ascultătorului de evenimente pentru a evita scurgerile de memorie. Pentru a elimina ascultătorul evenimentului, utilizați „ removeEventListener() ” metoda:

window.removeEventListener ( „redimensionează” , funcName ) ;


Exemplu



În exemplul oferit, lungimea și lățimea ferestrei se vor afișa pe pagină în timp ce redimensionarea ferestrei.

Mai întâi, creați o zonă de acoperire pentru afișarea lungimii și lățimii ferestrei:

Fereastră Lățimea lui:

Fereastră'
s Înălțime: < span id = 'înălţime' > span >


Apoi, în eticheta