How to detect a screen orientation change in Javascript

Jun 25, 2014 android, blackberry, change, changed, chromeos, detect, device, event, galaxy, handheld, handy, ios, iphone, javascript, js, landscape, mobile, nexus, orientation, orientationchange, potrait, smartphone, switch

To detect a screen orientation change in Javascript you can use the following snippet.

Sample Javascript

window.addEventListener("orientationchange", function() {
	//0 = potrait
	//90 or -90 = landscape left or landscape right
}, false);

some devices do not fire the orientationchange event, try the resize event instead.

window.addEventListener("resize", function() {
	// check screen size (inner and outer!)	
}, false);

Nov 26, 2015 Administrator

Feb 23, 2015 Administrator

Feb 17, 2015 Administrator

Realliferulor says:

June 25, 2014 at 11:39 am

RT @CodeSnippetsNET: Detect screen orientation change in #Javascript http://t.co/nLwL86xwNi #js #jquery #html #php

Log in to Reply
js_digest says:

June 25, 2014 at 11:40 am

RT @CodeSnippetsNET: Detect screen orientation change in #Javascript http://t.co/nLwL86xwNi #js #jquery #html #php

Log in to Reply
BrightServe says:

June 25, 2014 at 11:45 am

RT @CodeSnippetsNET: Detect screen orientation change in #Javascript http://t.co/nLwL86xwNi #js #jquery #html #php

Log in to Reply