1 질문:
모바일 기기에서 화면을 빠르게 스크롤한 다음 클릭하여 스크롤을 중지하는 경우 실수로 태그를 터치하고 클릭 시 다른 페이지로 이동하는 것을 방지하려면 어떻게 해야 하나요?
2 이는 모바일 단말기의 프론트 엔드 개발에서 실제로 직면하는 문제이기도 합니다. 보다 구체적으로 말하면, 일반적인 상황에서 현재 페이지에 콘텐츠가 많고 높이가 높으며 스크롤 막대가 나타날 때, 손을 사용하여 화면을 스와이프하면 화면의 페이지 내용이 빠르게 스크롤되며, 손이 화면을 떠났다고 해서 스크롤이 멈추지 않습니다. 이때 스크롤을 멈추고 싶을 때에는 화면을 살짝 두드려서 화면을 멈추기도 합니다. 그런데 이때 문제가 발생합니다. 화면에서 클릭한 위치에 우연히 라벨이나 버튼이 있으면 이때 다음 경로로 진입하기 쉽습니다. mdn에서 스크롤 이벤트에 대한 일부 지침을 확인했지만 스크롤 처리 속도와 중지 반응 시간에 대한 설명이 없습니다.
내 생각은 먼저 스크롤 이벤트가 중지되었는지 확인한 다음 후속 클릭이 적용되기 전에 특정 시간 지연을 제공하는 것입니다. 이 경우 빠른 스크롤 후 처음으로 화면을 클릭하면 스크롤이 중단되고, 두 번째로 화면을 클릭하면 라벨을 클릭하면 다른 경로로 이동할 수 있습니다. 이를 어떻게 달성해야 합니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
귀하의 제품 요구 사항이 너무 까다롭습니까? 이러한 물리적 논리를 따라야 한다고 생각합니다. 이 논리를 우회하는 제품은 본 적이 없습니다. 이 문제를 해결해야 한다면 귀하의 아이디어는 실현 가능합니다. 이 경우 모든 링크나 요소를 클릭 동작으로 프록시해야 합니다. 개인적으로는 얻을 가치가 없는 접근 방식이라고 생각합니다.
상태 값만 설정하면 됩니다. 상태 값은 isScrolling = true이고, 스크롤이 완료되거나 클릭으로 중지되면 isScrolling = false로 설정하면 이벤트 트리거가 false로 설정됩니다.
저도 같은 문제를 겪었습니다
클릭 이벤트를 구별하고 클릭 이벤트를 터치로 대체
클릭 지속 시간과 거리를 계산하여 클릭 이벤트가 트리거되는지 확인하세요
아직 확실하지 않다면 나중에 데모를 드릴게요
으아아아