Verhindern Sie Klickereignisse mit Touch-Aktionen

Question

Ich habe ein Div, das touch-action:pan-y; enthält. Das Div ist von einem Ankertag umgeben. Wenn Sie nun auf das Div klicken, funktioniert der Link und Sie werden weitergeleitet. Wenn ich jedoch über das Div wische und den Wisch loslasse und dann auf das Div klicke, funktioniert der Link nicht beim ersten Klick, aber beim zweiten Klick. Es stellt sich heraus, dass keiner der Click-Event-Handler beim ersten Klick nach Abschluss des Wischens ausgelöst wird. Wie kann ich dieses Problem lösen, ohne dass SEO und Crawler die Dinge durcheinander bringen? Ich brauche Touch-Action

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();
  }
});