jQuery를 모바일 위해서 orientationchange 이벤트
사용자가 수직 또는 수평으로 모바일 장치를 회전 할 때 위해서 orientationchange 이벤트가 트리거됩니다.
위해서 orientationchange 이벤트를 사용하려면 window 객체에 첨부 :
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); : 콜백 함수는 이동 장치의 방위를 반환 한 인수 이벤트 객체, 수 "portrait" (장치가 수직으로 유지된다) 또는 "landscape" (장치가 수평으로 유지된다)
예
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); »그것을 자신을 시도 위해서 orientationchange 이벤트가 window 객체에 바인딩되어 있기 때문에, 우리는, 예를 들어, 세로 및 가로보기 사이를 구별하기 위해 서로 다른 스타일을 설정 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을 반환합니다.