Dies ist nur eine Spielwiese.
Das echte SELFHTML-Wiki gibt es unter https://wiki.selfhtml.org.
Das echte SELFHTML-Wiki gibt es unter https://wiki.selfhtml.org.
JavaScript/DOM/Event/resize
SELFHTML e.V.
< JavaScript | DOM | Event
Der Titel dieses Artikels ist mehrdeutig. Für die gleichnamige CSS-Eigenschaft siehe CSS/Eigenschaften/Anzeige/resize.
| Event-Handler | ?js1.0?
?dom1? resize |
|---|---|
| Bedeutung | Für die Überwachung der Fenstergröße wird der Event-Handler resize verwendet. Dieser Event-Handler tritt ein, wenn der Anwender die Fenstergröße ändert. Sie können diesem Event-Handler eine Funktion zuordnen, die bei Größenänderungen ausgeführt wird. |
| bubbles | nein |
| cancelable | nein |
| Elternelemente | Darf vorkommen in: body |
| Event-Objekt | Event |
| Browsersupport | |
| Beispiel |
|
window.addEventListener('resize', Ändern);
function Ändern(){
var w=window.outerWidth;
var h=window.outerHeight;
var txt='<b>Fenstergröße:</b><br> Breite=' + w + 'px<br> Höhe=' + h+'px';
document.getElementById('ausgabe').innerHTML=txt;
}
| |
| Beachten Sie |
Dieses Beispiel funktioniert nicht im IE8 , da er outerWidth und outerHeight nicht kennt. |
| Tipp |
Da der resize-Event-Handler bei jeder Pixel-Änderung feuert, sollten Sie auf den Einsatz rechenintensiver DOM-Änderungen verzichten oder mit requestAnimationFrame realisieren.[1] |
| Quellen | |
