タッチアクションによるクリックイベントの防止

Question

touch-action:pan-y; を含む div があります。div の周囲にはアンカー タグがあります。これで、div をクリックするとリンクが機能し、リダイレクトされます。ただし、div をスワイプしてスワイプを放し、div をクリックすると、最初のクリックではリンクが機能しませんが、2 回目のクリックでは機能します。スワイプ完了後の最初のクリックでは、どのクリック イベント ハンドラーも起動されないことがわかりました。 SEO やクローラーによって混乱を招くことなく、この問題を解決するにはどうすればよいでしょうか。タッチアクションが必要です

P粉805535434 · Answer

How about you;
var div = document.getElementById('myDiv');
var link = document.getElementById('myLink');

var isSwiping = false;

div.addEventListener('touchstart', function(e) {
  isSwiping = false;
});

div.addEventListener('touchmove', function(e) {
  isSwiping = true;
});

div.addEventListener('touchend', function(e) {
  if (!isSwiping) {
    link.click();
  }
});