Последние учебники веб-разработки
 

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

❮ Предыдущая Следующая Глава ❯

JQuery Mobile orientationchange Event

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

по
по




мобильный


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

$(window).on("orientationchange",function(){
  alert("The orientation has changed!");
});

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

пример

$(window).on("orientationchange",function(event){
  alert("Orientation is: " + event.orientation);
});
Попробуй сам "

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

пример

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Portrait
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});
Попробуй сам "

Свойство window.orientation возвращает 0 для портрета и 90 или -90 для просмотра ландшафта.


❮ Предыдущая Следующая Глава ❯