[javascript] 모바일 가로 화면 감지

모바일 가로화면 감지

 

orientationchange 사용

 

---

window.addEventListener("orientationchange", function() {
          if(window.orientation == -90 || window.orientation == 90) {
          	//가로화면일 때
          } else {
         	//세로화면일 때
          }
	}, false);

---

window.orientation 값이 0일 경우는 세로화면이고

90일 경우와 -90일 경우가

각각 오른쪽 가로화면, 왼쪽 가로화면 입니다.

 

if 문 안에 가로화면일 때 원하는 코드를 넣으면 됩니다.

 

초기 실행시 orientation 감지

---

document.addEventListener("DOMContentLoaded", function(){
  if(window.orientation == -90 || window.orientation == 90) {
   		//가로 화면일 경우 처리 코드
   }
});

---

 

감사합니다.