JavaScript를 사용하여 터치스크린 장치를 안정적으로 감지하려면 어떻게 해야 합니까?

JavaScript로 터치 스크린 장치 감지: 최적화된 접근 방식

플랫폼 간 호환성을 위해 개발자는 종종 터치와 터치를 구별해야 하는 과제에 직면합니다. JavaScript를 사용하는 지원 및 비터치 장치. 이는 장치 입력 방법을 기반으로 사용자 경험을 맞춤화하는 데 중요합니다.

원래 JavaScript는 Modernizr의 "touchevents" 테스트에 의존하여 터치 스크린 기능을 확인할 수 있다고 제안되었습니다. 그러나 이 접근 방식은 Modernizr에서 테스트가 제거되었기 때문에 더 이상 적용할 수 없습니다.

업데이트된 감지 방법

2021년 현재 터치를 감지하는 안정적이고 포괄적인 방법입니다. 활성화된 브라우저는 다음 속성을 확인하는 것입니다:

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

• 'ontouchstart' 창에서는 대부분의 터치 가능 브라우저에서 지원되는 터치스타트 이벤트 리스너가 있는지 확인합니다.
• navigator.maxTouchPoints > 0은 브라우저가 멀티 터치 제스처를 지원하는지 확인합니다.
• navigator.msMaxTouchPoints > 0은 Microsoft Edge 브라우저에서 동일한 기능을 확인합니다.

고급 사례에 대한 추가 자료

더 복잡한 터치 감지 시나리오의 경우 다음 리소스를 고려하세요.

• [터치스크린을 감지할 수 없습니다 - Stu Cox](https://www.stuartelliscox.com/blog/you-cant-Detect-a-touchscreen/)
• [터치 감지: Remy Sharp의 '어떻게'가 아니라 '이유'입니다. ](https://remysharp.com/2013/04/01/Detecting-touch/)
• [Patrick H. 라우크](https://www.patrickhlauke.com/getting-touchy-with-javascript)

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