CSS, HTML und Javascript mit {stil}

Javascript onorientationchange • window.orientation

onorientationchange: Handy oder Tablett drehen

Javascript onorientationchange ruft einen Event Handler auf, wenn der Benutzer das mobile Gerät dreht und sich die Orientierung ändert.

onorientationchange • Javascript Event WINDOW

Wenn ein mobiles Gerät gedreht wird, entsteht ein Event onorientationchange für das window-Objekt.

window.orientation gibt 0 bzw. 180 zurück, wenn das Gerät im Landscape-Modus ist, -90 bzw. 90 im Portät-Format.

Auf dem iPad und auf dem iPhone führt ein Drehen des Geräts auch zu einem resize-Event, da sich die Breite und Höhe des Fensters ändern.

orientation hat nur einen Wert bei mobilen Geräten. Diese Informationen werden z.B. gebraucht, um ein responsives Webdesign an die Orientierung des Monitors anzupassen. Bei Desktop-Monitoren gibt window.orientation undefined zurück.

iPadorientationchange -90innerWidth 1024
iPadorientationchange 180innerWidth 768

orientationchange – Eigenschaften

target
Das Objekt, zu dem das Ereignis ursprünglich gesendet wurde
eventPhase
Phase, in der das Ereignis bearbeitet wird: AT_TARGET, BUBBLING_PHASE, CAPTURING_PHASE
bubbles
true, wenn das Ereignis nach oben steigen kann
cancelable
Nein
timeStamp
Zeit in Millisekunden, zu der das Ereignis eingetreten ist