jQuery를 모바일 방향 변경 이벤트
jQuery를 모바일 방향 변경 (위해서 orientationchange) 이벤트
사용자는 수직 또는 수평 이동 장치, 방향 (위해서 orientationchange) 이벤트의 트리거 변화를 회전합니다.
방향 (위해서 orientationchange) 이벤트의 변화를 사용하려면 윈도우 객체에 첨부 해주세요 :
$(window).on("orientationchange",function(){
alert("方向有改变!");
});
(장치가 수평 위치에 유지) (장치가 수직으로 유지) "인물"또는 "수평"콜백 함수는 하나의 파라미터, 이벤트 객체, 이동 장치의 방향을 반환을 취
윈도우 객체에 대한 방향 (위해서 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 속성은 세로보기, 90 -90에 반환을위한 가로보기 0을 반환합니다. |
|---|