PC와 모바일에 따라 발생하는 이벤트를 다르게 하는 방법

1. JQuery의 navigator.maxTouchPoints 을 활용

navigator.maxTouchPoints는 최대터치점의 갯수를 리턴하는데 PC의 경우엔 0, 모바일의 경우에는 1을 리턴함으로 리턴된 값에 따라 다른 이벤트가 발생하도록 코드를 작성하면 된다.

호환가능한 브라우저의 경우는
https://caniuse.com/?search=navigator.maxTouchPoints
에서 확인가능

2. navigator.userAgent
   사용자의 응용프로그램, 운영체제, 공급업체 및 버전 등의 정보를 불러와서 비교
   userAgent 리턴값에 Mobile, Android, iPhone 등의 문자열이 있으면 모바일임을 알 수 있음.
   단점으로는 정해진 모바일 규칙이 없기 떄문에 Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobi|mobi 등 다양한 문자들을 검색해야하고 이후에 새로운 모바일 기종옵션을 추가해야함. 또한, 모바일이 아님에도 모바일 관련문자가 나올 수 있음