jQuery Mobile 방향 이벤트

jQuery Mobile orientationchange 이벤트

orientationchange 이벤트는 사용자가 이동 장치를 세로 또는 가로로 회전할 때 발생합니다.

모바일

모바일

orientationchange 이벤트를 사용하려면, 그것을 window 객체에 추가하세요:

$("window").on("orientationchange",function(){
  alert("방향이 변경되었습니다!");
});

callback 함수는 이벤트 객체를 설정할 수 있는 매개변수를 가질 수 있습니다. 이 객체는 이동 장치의 방향을 반환합니다: "portrait" (장치가 세로로 잡혀있는 상태) 또는 "landscape" (장치가 가로로 잡혀있는 상태):

예제

$("window").on("orientationchange",function(event){
  alert("방향은: " + event.orientation);
});

직접 시도해 보세요

orientationchange 이벤트가 window 객체와 바인딩되어 있기 때문에 window.orientation 속성을 사용하여 예를 들어, portrait과 landscape 뷰를 구분하는 다른 스타일을 설정할 수 있습니다:

예제

$("window").on("orientationchange",function(){
  if(window.orientation == 0) // 프로필
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscap
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

직접 시도해 보세요

안내:window.orientation 속성은 portrait 뷰에 0을 반환하고, landscape 뷰에 90 또는 -90을 반환합니다.