orientationchange event doesn't fire on IOS devices

Question

Orientationchange event doesn't fire on iOS devices. On desktops and Android devices all works perfectly but OS devices doesn't support this event. How I can determine screen orientation changes on iOS devices?

$(window).on('resize') doesnt trigger on IOS safari too... I dont know why... — Sergei Kobets, Dec 24 '16 at 23:50
This old question but you can ask why window.orientation returns nothing even `typeof window.orientation` in alert() doesnt shows any info ? Becouse for windows users alert is only way for some kind of debugging.... — Nikola Lukic, Aug 25 '21 at 17:38

score 5 · Answer 1 · answered Oct 30 '20 at 17:32

5

This is really old, but it recently happened to me.

I made it work with:

window.addEventListener('resize', functionName)

function functionName() {

  if(window.innerWidth > window.innerHeight) {
  
   //then do stuff
  }
  
  if(window.innerWidth < window.innerHeight) {

  //then do other stuff
  }
}

answered Oct 30 '20 at 17:32

Mailer

127
1
7

On my Android tablet, it works well. But on my iPad, this script keeps firing, even when the device is stationary. See https://stackoverflow.com/questions/8898412/iphone-ipad-triggering-unexpected-resize-events. – Frank Conijn - Support Ukraine May 12 '22 at 11:35

score 0 · Answer 2 · edited May 23 '17 at 11:53

0

I got an answer in this post https://stackoverflow.com/a/9824480/1606668

But If you still don't get orientation values then try this:

   function onOriChange() {
        if(!window.orientation){
            if(window.innerWidth > window.innerHeight){
                alert('landscape');
            }else{
                alert('portrait');
            }
        }
    }

    window.addEventListener('orientationchange', onOriChange);

    // Initial execution if needed
    onOriChange();

edited May 23 '17 at 11:53

Community

1
1

answered Jan 03 '17 at 09:55

Krunal

725
7
15

`orientationchange` doesn't work anymore, has been deprecated. – Frank Conijn - Support Ukraine May 12 '22 at 11:16

orientationchange event doesn't fire on IOS devices

2 Answers2