모바일 가로 화면 감지

모바일 가로화면 감지

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) {

//가로 화면일 경우 처리 코드

}

});

 

[출처] [javascript] 모바일 가로 화면 감지 (하드코딩하는사람들) | 작성자 JYL