Rev. 2.73

아이팟 터치와 아이폰의 모바일 사파리 브라우저에서 중력센서에 의해 화면이 회전하였을 때 이벤트를 발생시키고 어느 방향으로 회전 했는지를 자바스크립트에서 알아낼 수 있는 방법이 공개되었습니다. 이 이벤트를 응용한 재미있는 홀리데이 페이지도 만들어 졌군요. 아래의 예제코드를 참고하세요.

window.onorientationchange = function() {
  var orientation = window.orientation;
  switch(orientation) {
    case 0:
        document.body.setAttribute("class","portrait");
        document.getElementById("currentOrientation").innerHTML = "Now in portrait orientation (Home button on the bottom).";
        break;  
        
    case 90:
        document.body.setAttribute("class","landscapeLeft");
        document.getElementById("currentOrientation").innerHTML = "Now in landscape orientation and turned to the left (Home button to the right).";
        break;
    
    case -90:  
        document.body.setAttribute("class","landscapeRight");
        document.getElementById("currentOrientation").innerHTML = "Now in landscape orientation and turned to the right (Home button to the left).";
        break;
  }
}

Comments