터치 디바이스 분기처리

by 조쉬 posted Nov 07, 2018
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

if (!("ontouchstart" in document.documentElement)) {
        // desktop
        $('html').addClass('no-touch');

}
else {
        // mobile
}



이렇게 하면 터치 디바이스가 아닐 경우 html에 no-touch 클래스가 추가된다.

CSS에서 .no-touch .class { ... } 이런식으로 적어주면 desktop에서만 적용되는 css를 구현할 수 있다.

베스트 방법은 아니지만 많이 쓰는 방식이라고 한다.