extraño sombreado al tocar link en versión móvil

[kenproxd]

Hola a todos,

Estoy desarrollando una página web y mediante jquery he hecho que al hacer clic en algún producto se muestre la información de este que está en un div transparente. En escritorio funciona perfectamente. En dispositivos móviles también funciona, el único problema es que al tocar el producto sale una especie de sombreado medio celeste durante 1 segundo (o tal vez menos). Alguna idea de lo que puede estar ocurriendo? Estoy desarrollando la página con jekyll

[IsaBelM]

Puede que el problema esté en que estas usando el evento onclick en lugar de touchend para la versión móvil

[kenproxd]

Muchas gracias por tu respuesta, lo estoy haciendo de la siguiente manera:

Código Javascript:

$('.producto').click(function(){
     if($(this).hasClass('activo')) {
      $('.activo').removeClass('activo');
     } else {
      $('.activo').removeClass('activo');
      $(this).addClass('activo');
     }
  });
 

De esta manera hago que:

1. Si ya habia sido clickeado se le quite la clase de activo.
2. Si no habia sido clickeado le quito a cualquiera que haya sido clickeado antes la clase activo y se lo pongo al que acaba de ser clickeado.

[IsaBelM]

Sí, lo que explicas es lo que hace el código. Yo no trabajo con librerías y por lo tanto no sé si admite el evento touchend. La imagen, no.será un vinculo??

Edito
El título del hilo lo dice. Quita ese vinculo. No tiene ningún sentido semántico