Как с JavaScript или jQuery обнаруживать, когда пользователь переводит iPad из вертикального положения в горизонтальное или горизонтальное на вертикальное?
Обнаружить изменение ориентации iPad
Ответ 1
Попробуйте
$(window).bind('orientationchange', function(event) {
alert('new orientation:' + event.orientation);
});
Ответ 2
Вы можете обнаружить событие изменения ориентации, используя следующий код:
JQuery
$(document).ready(function() {
$(window).on('orientationchange', function(event) {
console.log(orientation);
});
});
Проверьте, находится ли устройство в портретном режиме
function isPortrait() {
return window.innerHeight > window.innerWidth;
}
Ответ 3
В Javascript:
<button onclick="detectIPadOrientation();">What my Orientation?</button>
<script type="text/javascript">
window.onorientationchange = detectIPadOrientation;
function detectIPadOrientation () {
if ( orientation == 0 ) {
alert ('Portrait Mode, Home Button bottom');
}
else if ( orientation == 90 ) {
alert ('Landscape Mode, Home Button right');
}
else if ( orientation == -90 ) {
alert ('Landscape Mode, Home Button left');
}
else if ( orientation == 180 ) {
alert ('Portrait Mode, Home Button top');
}
}
</script>
Или для включения дополнительных таблиц стилей:
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
Оба взяты из: http://favo.asia/2010/07/detecting-ipad-orientation-using-javascript/, который, FYI, был первым результатом в Google для определения ipad ориентации javascript......
Ответ 4
function detectIPadOrientation () { if ( orientation == 0 ) { alert ('Portrait Mode, Home Button bottom'); } else if ( orientation == 90 ) { alert ('Landscape Mode, Home Button right'); } else if ( orientation == -90 ) { alert ('Landscape Mode, Home Button left'); } else if ( orientation == 180 ) { alert ('Portrait Mode, Home Button top'); } } window.onorientationchange = detectIPadOrientation;