Beispiel
Führen Sie einen JavaScript, wenn das Browser-Fenster Größe geändert wird:
<body onresize="myFunction()">
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Das onresize Ereignis tritt auf, wenn das Browserfenster wird verkleinert.
Tipp: Um die Größe eines Elements zu erhalten, verwenden Sie die client, client, innerwidth , innerheight , outer , outerHeight , offset und / oder offset Eigenschaften.
Browser-Unterstützung
| Event | |||||
|---|---|---|---|---|---|
| onresize | Ja | Ja | Ja | Ja | Ja |
Syntax
In HTML:
In JavaScript:
object .onresize=function(){ Versuch es selber " In JavaScript mit den addEventListener() Methode:
object .addEventListener("resize", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Nein |
|---|---|
| Es fällt eine Pauschale: | Nein |
| Event-Typ: | UIEvent |
| Unterstützte HTML-Tags: | <Body> |
| DOM Version: | Level 2 Veranstaltungen |
Mehr Beispiele
Beispiel
Mit Hilfe der addEventListener() Methode , um die anhängen "resize" die "resize" Ereignis auf dem Fensterobjekt.
window.addEventListener("resize", myFunction);
Versuch es selber " <Ereignisobjekt