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

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 для просмотра ландшафта.