JavaScript는 어떻게 터치 스크린 장치를 안정적으로 감지할 수 있습니까?

JavaScript로 터치 스크린 장치 구별

문제:

터치 스크린 기능을 데스크탑과 모바일 애플리케이션 모두에 통합하려면 JavaScript가 필요합니다. 터치스크린 기능 감지. 그러나 이것이 어떻게 신뢰할 수 있는 방식으로 달성될 수 있습니까?

답변:

Modernizr의 접근 방식 평가:

처음에는 널리 존경받는 Modernizr 라이브러리는 터치 스크린 감지를 위한 실행 가능한 옵션이었습니다. 그러나 이후 모호성으로 인해 "touchevents" 테스트를 제거했습니다.

현재 권장 사항:

터치 기능 결정:

2021년 현재 다음 코드 스니펫은 실용적인 기능을 제공합니다. 터치 기능 감지 접근 방식:

function isTouchDevice() {
  return (('ontouchstart' in window) ||
     (navigator.maxTouchPoints > 0) ||
     (navigator.msMaxTouchPoints > 0));
}

미묘한 부분 평가:

터치 스크린 감지에는 미묘한 차이가 있을 수 있다는 점을 인식하는 것이 중요합니다. 고급 시나리오의 경우 다음과 같은 리소스를 살펴보세요.

• Stu Cox의 "터치스크린을 감지할 수 없습니다"
• "터치 감지: 터치 감지는 '이유'이지 목적이 아닙니다. '어떻게'"
• Patrick H. Lauke의 "터치하기" 프레젠테이션

위 내용은 JavaScript는 어떻게 터치 스크린 장치를 안정적으로 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!