0

Em navegadores para computador consigo prevenir a ação padrão da âncora normalmente, porém ao usar na maioria dos navegadores para celular não funciona.

Preciso que ao clicar no link o navegador não direcione para a URL do link, apenas mostre num alert qual é a URL que está no atributo href, segue código que estou utilizando:

$(".myGallery a").on("click touchstart", function(event){
  event.preventDefault();
  alert($(this).attr("href"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="myGallery">
  <a href="https://www.yourhtmlsource.com/images/media/banjotooiebig.jpg">
    <img src="https://www.yourhtmlsource.com/images/media/banjotooiesmall.jpg" alt="Image">
  </a>
</div>

Tentei nos seguintes navegadores para Android:

  • Chrome 70.0.3538.110
  • Chrome 34.0.1847.114
  • Opera Mini 35.0.2254.127755
  • CM Browser 5.22.17.0003
1
  • 1
    Coloque um return false; no final da função.
    – Sam
    Commented 6/12/2018 às 19:48

1 Resposta 1

1

Você pode colocar um return false; no fim da função do evento que a ação do elemento que disparou o evento não prosseguirá.

Em circunstâncias normais o preventDefault() deveria funcionar, conforme testei aqui no Chrome abaixo mencionado na pergunta:

inserir a descrição da imagem aqui

Código:

$(".myGallery a").on("click touchstart", function(event){
  event.preventDefault();
  alert($(this).attr("href"));
  return false;
});
7
  • Funcionou nessa versão @Sam, será que tem uma forma de fazer funcionar nas outras? Commented 6/12/2018 às 20:06
  • Cara, estranho isso, nunca vi isso não funcionar rs... Pior que não tenho nem como testar porque não tenho como instalar versões anteriores desses navegadores. O Opera Mini, por exemplo, já está na versão 37 e não houve problemas.
    – Sam
    Commented 6/12/2018 às 20:23
  • Entendo, eu tenho um celular que não atualizo justamente para testar algumas funcionalidades, até o momento esse foi o único problema que não consegui resolver com navegadores antigos. Como não tenho como garantir com qual navegador o usuário vai acessar a aplicação tenho que me precaver. Commented 6/12/2018 às 20:27
  • Será que não é incompatibilidade com o jQuery? Tente fazer com JS puro.
    – Sam
    Commented 6/12/2018 às 20:28
  • Vou tentar agora com JS puro. Commented 6/12/2018 às 20:28

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .