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
return false;
no final da função.