javascript - 모바일 장치에서 화면을 빠르게 스크롤한 다음 클릭하여 스크롤을 중지합니다. 실수로 <a> 태그를 터치하고 클릭할 때 다른 페이지로 이동하는 것을 방지하는 방법은 무엇입니까?
1 질문:
모바일 기기에서 화면을 빠르게 스크롤한 다음 클릭하여 스크롤을 중지하는 경우 실수로 태그를 터치하고 클릭 시 다른 페이지로 이동하는 것을 방지하려면 어떻게 해야 하나요?
2 이는 모바일 단말기의 프론트 엔드 개발에서 실제로 직면하는 문제이기도 합니다. 보다 구체적으로 말하면, 일반적인 상황에서 현재 페이지에 콘텐츠가 많고 높이가 높으며 스크롤 막대가 나타날 때, 손을 사용하여 화면을 스와이프하면 화면의 페이지 내용이 빠르게 스크롤되며, 손이 화면을 떠났다고 해서 스크롤이 멈추지 않습니다. 이때 스크롤을 멈추고 싶을 때에는 화면을 살짝 두드려서 화면을 멈추기도 합니다. 그런데 이때 문제가 발생합니다. 화면에서 클릭한 위치에 우연히 라벨이나 버튼이 있으면 이때 다음 경로로 진입하기 쉽습니다. mdn에서 스크롤 이벤트에 대한 일부 지침을 확인했지만 스크롤 처리 속도와 중지 반응 시간에 대한 설명이 없습니다.
내 생각은 먼저 스크롤 이벤트가 중지되었는지 확인한 다음 후속 클릭이 적용되기 전에 특정 시간 지연을 제공하는 것입니다. 이 경우 빠른 스크롤 후 처음으로 화면을 클릭하면 스크롤이 중단되고, 두 번째로 화면을 클릭하면 라벨을 클릭하면 다른 경로로 이동할 수 있습니다. 이를 어떻게 달성해야 합니까?
