Zdarzenie onresize

Zdarzenia DOM Obiekt Event

Definicja i użycie

Zdarzenie onresize występuje, gdy rozmiar okna przeglądarki jest zmieniany.

Wskazówka:Aby uzyskać rozmiar elementu, użyj clientWidth, clientHeight,innerWidthiinnerHeightiouterWidthiouterHeighti atrybuty offsetWidth oraz offsetHeight.

Przykład

Przykład 1

Wykonaj JavaScript, gdy rozmiar okna przeglądarki jest zmieniany:

<body onresize="myFunction()">

Spróbuj sam

Przykład 2

Używając metody addEventListener() do附加 "resize" wydarzenia do obiektu window:

window.addEventListener("resize", myFunction);

Spróbuj sam

Gramatyka

W HTML:

<element onresize="myScript">

Spróbuj sam

W JavaScript:

obiekt.onresize = function(){myScript};

Spróbuj sam

W JavaScript, używając metody addEventListener():

obiekt.addEventListener("resize", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 i wcześniejsze wersje nie obsługują Metoda addEventListener()。

Szczegóły techniczne

Bąbelkowanie: Nieobsługiwane
Można anulować: Nieobsługiwane
Typ wydarzenia: jeśli został wygenerowany z interfejsu użytkownika:UiEvent。W przeciwnym razie Event。
Wspierane tagi HTML: <body>
DOM wersja: Level 2 Events

Obsługa przeglądarek

Zdarzenia Chrome IE Firefox Safari Opera
onresize Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie
Zdarzenia DOM Obiekt Event