wydarzenie onresize
Przykład
Wykonaj JavaScript, gdy rozmiar okna przeglądarki zostanie zmieniony:
<body onresize="myFunction()">
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onresize występuje, gdy zmieniono rozmiar okna przeglądarki.
Wskazówka: Aby uzyskać rozmiar elementu, użyj właściwości clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth i/lub offsetHeight .
Obsługa przeglądarki
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Składnia
W HTML:
<element onresize="myScript">
W JavaScript:
object.onresize = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("resize", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | Nie |
---|---|
Możliwość anulowania: | Nie |
Typ wydarzenia: | UiEvent , jeśli jest generowany z interfejsu użytkownika, w przeciwnym razie Event |
Obsługiwane tagi HTML: | <ciało> |
Wersja DOM: | Wydarzenia poziomu 2 |
Więcej przykładów
Przykład
Użycie metody addEventListener() w celu dołączenia zdarzenia „resize” do obiektu window.
window.addEventListener("resize", myFunction);