터치 동작으로 클릭 이벤트 방지

Question

다음을 포함하는 div가 있습니다. touch-action:pan-y; div 주위에는 앵커 태그가 있습니다.

이제 div를 클릭하면 링크가 작동하고 리디렉션됩니다.

하지만 div를 스와이프하고 스와이프를 놓은 다음 div를 클릭하면 첫 번째 클릭에서는 링크가 작동하지 않지만 두 번째 클릭에서는 작동합니다.

스와이프가 완료된 후 첫 번째 클릭 시 클릭 이벤트 핸들러가 실행되지 않는 것으로 나타났습니다.

SEO 및 크롤러로 인해 문제를 일으키지 않고 이 문제를 해결하려면 어떻게 해야 합니까?

사용자가 div를 가로로 스와이프할 때 세로 스크롤을 방지할 수 있기 때문에 touch-action:pan-y가 필요하지만 이제 링크가 작동하려면 스와이프한 후 두 번 클릭해야 한다는 단점이 있습니다.

SEO에 문제를 일으키지 않는 솔루션이 있나요?

Answer 1

으아아아