JS Mobile detect viewport orientation changes

Question

What would be the best approach to detect whenever the user changes the orientation of his phone. I am talking for a mobile site not for a native app.

Thanks,

score 1 · Answer 1 · answered Mar 07 '12 at 09:49

1

window.addEventListener('onorientationchange', function () {
    if (window.orientation == -90) {
        //do stuff
    }
    if (window.orientation == 90) {
        //do stuff
    }
    if (window.orientation == 0) {
        //do stuff
    }
}, true);

answered Mar 07 '12 at 09:49

Mild Fuzz

27,845
29
97
148

Thanks, are they any browser or hardware issue with this methode ? – silkAdmin Mar 07 '12 at 10:04
Actually just tested and its not working on android, is this ios only feature ? – silkAdmin Mar 10 '12 at 13:48
http://stackoverflow.com/questions/1649086/detect-rotation-of-android-phone-in-the-browser-with-javascript – Mild Fuzz Mar 11 '12 at 09:18

JS Mobile detect viewport orientation changes

1 Answers1