태블릿 및 터치 스크린 휴대 전화 용 jquery 클릭 이벤트

Question

좋아, 나는 모바일/태블릿 플랫폼 용 웹 개발을 처음 접했습니다. 나는 브라우저 환경을 위해 개발하면서 꽤 확신한다.

내 문제는 나는 태블릿을 소유하고 있지 않습니다 (나는 가난 해 비행 시각 장애인이어야합니다). 그래서 시험하기가 어렵습니다.. 나는 또한 제대로 작동하지 않는 클릭 이벤트에 대해 매우 걱정하고 있습니다.

클릭 및 mousedown jquery 이벤트가 태블릿/스마트 폰에서 올바르게 작동하도록하려면 어떻게해야하나요?

클릭 이벤트 및 태블릿/스마트 폰에 대한 모범 사례가 있습니까?

참고 : 모바일 전용 사이트를 개발하고 있지 않습니다. 모바일 용 사이트가 변형됩니다.

Answer 1

모바일 브라우저는 클릭 이벤트에 계속 응답하지만 지연 (일반적으로 약 300ms)이 발생합니다. 보다 민감한 환경을 원할 경우 모바일 플랫폼에 있는지 감지하고 touchstart 또는 touchend 이벤트를 사용하십시오. 나는 대체로 더 나은 경험 인 touchend을 발견한다. 주로 사용자의 손이 touchstart이 발동 할 때 여전히 방해가되기 때문이다. 이 같은

뭔가 :

이

$(element).on(isMobile ? 'touchend' : 'click', function(e) {...});

아니면, hammer.js을 사용할 수있는 데스크톱 및 모바일 모두 작동합니다.

테스트의 경우이 Stackoverflow 질문에 대한 대답 : Simulating touch events on a PC browser을 읽을 수 있습니다.