Empêcher les événements de clic avec des actions tactiles

Question

J'ai un div qui contient touch-action:pan-y; Le div est entouré d'une balise d'ancrage. Maintenant, si vous cliquez sur le div, le lien fonctionnera et vous serez redirigé. Cependant, si je glisse sur le div et relâche le balayage, puis clique sur le div, le lien ne fonctionnera pas au premier clic, mais il fonctionnera au deuxième clic. Il s'avère qu'aucun des gestionnaires d'événements de clic ne se déclenche au premier clic une fois le balayage terminé. Comment puis-je résoudre ce problème sans que le référencement et les robots d'exploration ne gâchent les choses. J'ai besoin d'une action tactile

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