JQuery Мобильный событие изменения направления
изменить направление JQuery Mobile (orientationchange) Событие
Когда пользователь вертикально или горизонтально вращающегося мобильного устройства, изменение триггера направления (orientationchange) события.
Для того, чтобы использовать изменение направления (orientationchange) событие, пожалуйста, приложите его к объекту окна:
$(window).on("orientationchange",function(){
alert("方向有改变!");
});
Callback функция принимает один параметр, объекты событий, вернуть направление мобильного устройства: "Портрет" (устройство остается в вертикальном положении) или "по горизонтали" (устройство остается в горизонтальном положении):
примеров
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + 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%"});
}
});
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. |
|---|