Window.ondeviceorientation

Jump to:
  1. Summary
  2. Syntax
  3. Specifications
  4. Browser compatibility
  5. See also

Summary

An event handler for the deviceorientation event, which contains information about a relative device orientation change.

Syntax

window.ondeviceorientation = function(event) { ... };
window.addEventListener('deviceorientation', function(event) { ... });

Specifications

Specification Status Comment
DeviceOrientation Event Specification Editor's Draft Initial specification.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic support
Experimental
Chrome Full support 7
Notes
Full support 7
Notes
Notes Before version 50, Chrome provided absolute values instead of relative values for this event. Developers still needing absolute values may use the ondeviceorientationabsolute event.
Edge Full support YesFirefox Full support 6
Notes
Full support 6
Notes
Notes Firefox 3.6, 4, and 5 supported mozOrientation instead of the standard DeviceOrientationEvent interface.
IE ? Opera ? Safari ? WebView Android Full support Yes
Notes
Full support Yes
Notes
Notes Before version 50, Chrome provided absolute values instead of relative values for this event. Developers still needing absolute values may use the ondeviceorientationabsolute event.
Chrome Android Full support Yes
Notes
Full support Yes
Notes
Notes Before version 50, Chrome provided absolute values instead of relative values for this event. Developers still needing absolute values may use the ondeviceorientationabsolute event.
Edge Mobile Full support YesFirefox Android Full support 6
Notes
Full support 6
Notes
Notes Firefox 3.6, 4, and 5 supported mozOrientation instead of the standard DeviceOrientationEvent interface.
Opera Android No support NoSafari iOS Full support 4.2Samsung Internet Android ?
DeviceOrientationEvent() constructor
ExperimentalNon-standard
Chrome Full support 59Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android Full support 59Chrome Android Full support 59Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
absolute
Experimental
Chrome Full support 7Edge Full support YesFirefox Full support 6IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 6Opera Android No support NoSafari iOS Full support 4.2Samsung Internet Android ?
alpha
Experimental
Chrome Full support 7Edge Full support YesFirefox Full support 6IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 6Opera Android No support NoSafari iOS Full support 4.2Samsung Internet Android ?
beta
Experimental
Chrome Full support 7Edge Full support YesFirefox Full support 6IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 6Opera Android No support NoSafari iOS Full support 4.2Samsung Internet Android ?
gamma
Experimental
Chrome Full support 7Edge Full support YesFirefox Full support 6IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 6Opera Android No support NoSafari iOS Full support 4.2Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
See implementation notes.
See implementation notes.

See also

Document Tags and Contributors

Tags: 
Contributors to this page: jpmedley, fscholz, teoli, cpigat, jsx, libreGeekingKid, dtbwije, Jeremie, Sheppy, kohei.yoshino
Last updated by: jpmedley,