onresize-tapahtuma

DOM-tapahtumat Event-objekti

Määritelmä ja käyttö

onresize-tapahtuma tapahtuu, kun selaimen ikkuna laajennetaan.

Vinkki:Jos haluat saada elementin koosta tiedot, käytä clientWidth, clientHeight,innerWidth,innerHeight,outerWidth,outerHeight、offsetWidth ja/tai offsetHeight -ominaisuudet.

Esimerkki

Esimerkki 1

Suorita JavaScriptia, kun selaimen ikkuna laajennetaan:

<body onresize="myFunction()">

Kokeile itse

Esimerkki 2

Liitä "resize"-tapahtuma window-objektiin addEventListener() -menetelmällä:

window.addEventListener("resize", myFunction);

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onresize="myScript">

Kokeile itse

JavaScriptissa:

objekti.onresize = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener() -menetelmää:

objekti.addEventListener("resize", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen tieto

Bubble: Ei tuettu
Peruutettavissa: Ei tuettu
Tapahtumatyypit: Jos tapahtuma on käyttöliittymästä lähtöisin,UiTapahtuma. Muuten Tapahtuma.
Tuetut HTML-merkit: <body>
DOM versio: Taso 2 tapahtumat

Selaustuen

Tapahtumat Chrome IE Firefox Safari Opera
onresize Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat Event-objekti