Как определить, когда iPhone переходит в ландшафтный режим через JavaScript? Есть ли для этого событие?

Я пишу веб-сайт, ориентированный на iPhone. Id нравится устанавливать класс в элементе <body> при изменении ориентации iPhone (т.е. Когда пользователь переключает телефон в альбомный и/или портретный режим).

Могу ли я обнаружить это изменение с помощью JavaScript? Есть ли для этого событие?

Ответ 1

Да, через событие onorientationchange и свойство window.orientation.

Ответ 2

Вы можете проверить ширину тела документа. Если он внезапно становится меньше или больше, вы знаете, что произошло. Вы можете измерить его с интервалом.

window.setInterval(function() {
    // check body with here and compare with global variable that holds the last measurement
    // you may set a boolean isLandscape = true if the body with became bigger.
}, 50);