Событие Ориентации jQuery Mobile

События изменения ориентации jQuery Mobile происходят когда мобильное устройство поворачивается.

jQuery Mobile Событие orientationchange

Событие orientationchange инициируется, когда пользователь поворачивает мобильное устройство вертикально или горизонтально.





Мобильное устройство

Чтобы использовать событие orientationchange, присоедините его к объекту окна:

$(window).on("orientationchange",function(){
  alert("Ориентация изменилась!");
});

У функции обратного вызова может быть один параметр, объект события, который возвращает ориентацию мобильного устройства: "portrait" (устройство находится в вертикальной позиции), или "landscape" (устройство сохранено в горизонтальной позиции):

Пример

$(window).on("orientationchange",function(event){
  alert("Ориентация: " + event.orientation);
});

Попробуйте сами »

Поскольку событие orientationchange связано с объектом окна, мы можем использовать свойство window.orientation для, например, установки различных стилей, чтобы различать книжное и альбомное представления:

Пример

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Книжная
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Альбомная
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Попробуйте сами »

Свойство window.orientation возвращает 0 для книжного и 90 или -90 для альбомного представления.

Далее: Основные Типы JavaScript

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)