모바일 단말의 터치스타트 이벤트 침투 문제를 해결하기 위한 솔루션

[출처]: 모바일 웹사이트를 개발할 때 클릭과 터치스타트 사이를 헤매는 경우가 많습니다. 터치스타트가 사용하기 쉽고 응답 속도가 빠르지만 단점도 뚜렷하며, 대규모로 터치스타트를 사용하게 되면 만나게 됩니다. 페이지를 스크롤할 때 자주 트리거되어 불친절한 경험을 초래하므로 개별적으로 어떤 것이 좋고 나쁜지 말할 수 없지만 장점을 활용하고 단점을 피해야 합니다.

또한 a 태그의 경우 모바일에서는 점프; 터미널의 메소드는 클릭과 동일합니다(실제 경험 후)

[문제] 상위 레이어에서 터치스타트를 실행하면 하위 레이어의 클릭이나 태그가 동시에 실행됩니다(엄격히 말하면 350ms 이후에 실행됨)

[원리] 클릭의 실행 시간이 500ms이고, 터치 시작의 실행 시간이 350ms이기 때문입니다. 500>350이므로 사용자가 침투하는 데 문제가 있습니다

[해결 방법] 여러 가지가 있습니다. 문제를 해결하려면 각도와 방법을 변경하세요. 실제로 효과적이라고 생각되는 몇 가지 방법은 다음과 같습니다.

1. 터치스타트를 터치엔드로 대체할 수 있습니다. 왜냐하면 200ms가 걸리기 때문입니다. 트리거 터치엔드를 사용하면 트리거링 시간 문제를 해결할 수 있습니다(이것도 클릭 문제를 처리할 때 자주 사용하는 방법입니다)

2. 트리거 아래에 투명 레이어를 덮어 이 투명 레이어에 침투할 수도 있습니다. 이벤트가 있는 레이어 대신 레이어를 사용합니다(이 방법은 코딩의 복잡성도 증가합니다)

위 내용은 모바일 단말의 터치스타트 이벤트 침투 문제를 해결하기 위한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!