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

Got something to add? You can just leave a comment.

  • 쿠오오오오.. 재미있어뵈어 링크를 클릭한 후
    무엇을 어찌하라는거이샤..라는 막막함을 토로하다..
    모니터를 뒤집어 봤습니다. ㅋㄷ (아무 반응이 없더군요. 쿠하하하하)
    울오빠가 옆에서 기겁을 하더군요.
    'ipop touch로 보라는거쥐...' 한마디 해주더군요. ㅠㅡ
    2007년을 그냥 보내기 아쉬었었나봅니다. 마지막 쌩쇼였기를 바랄뿐이지요. ㅎㅎ

    reply edit

Your Reaction Time!

captcha

avatar