onresize- Ereignis
Beispiel
Führen Sie ein JavaScript aus, wenn die Größe des Browserfensters geändert wird:
<body onresize="myFunction()">
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das Ereignis onresize tritt auf, wenn die Größe des Browserfensters geändert wurde.
Tipp: Um die Größe eines Elements zu ermitteln, verwenden Sie die Eigenschaften clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth und/oder offsetHeight .
Browser-Unterstützung
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Syntax
Im HTML-Format:
<element onresize="myScript">
In JavaScript:
object.onresize = function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
object.addEventListener("resize", myScript);
Hinweis: Die Methode addEventListener() wird in Internet Explorer 8 und früheren Versionen nicht unterstützt.
Technische Details
Bläschen: | Nein |
---|---|
kündbar: | Nein |
Ereignistyp: | UiEvent , wenn es von einer Benutzeroberfläche generiert wird, andernfalls Event |
Unterstützte HTML-Tags: | <Körper> |
DOM-Version: | Ereignisse der Ebene 2 |
Mehr Beispiele
Beispiel
Verwenden der addEventListener()-Methode, um das „resize“-Ereignis an das Fensterobjekt anzuhängen.
window.addEventListener("resize", myFunction);