정확히 말하면, 터치가 가능한 디바이스를 찾는 코드입니다만..

웹사이트를 만들다 보면, 미디어 쿼리로 만으로 해결되지 않는 부분이 있습니다.

즉, 고해상도 스마트폰의 경우이죠~

예를 들어, 우드매니아 고객님의 경우 스마트폰으로 접속할 경우, 전화 걸기 버튼을 넣기를 원하셨습니다. (반응형 웹으로 제작됨)

처음에는 미디어 쿼리로 처리해서, 특정 픽셀 이하에만 hidden을 해제하려고 했는데, 가만히 생각을 해보니, 고해상도 스마트폰이 있고, 게다가 그 보다 낮은 해상도의 PC화면도 있을 수 있겠다는 생각이 들었습니다.

즉, 미디어쿼리를 이용한 CSS만으로는 역부족이라는 이야기죠~ ^^

그래서 아래와 같은 방법으로 해결하였습니다.

코드에서,
ontouchstart 이벤트가 존재하는지 체크하는 부분이 핵심입니다.

ontouchstart는 데스크탑에서는 생성이 되지않기 때문이죠.