Détection "tap" sur écran tactile

Par Miren Ibarboure, il y a 8 ans

Javascript

Bonjour à tous,

J'arrive à terme du développement d'un site web et j'ai quelques problèmes qui commencent à m'énerver...

J'ai une photo "photo1" sur laquelle il y a un hover quand on est sur écran non tactile. Ce hover affiche une autre photo "photo2" par dessus.

Sur écran tactile, il faudrait que "photo1" soit affichée au début, quand on tap, "photo2" s'affiche, quand on tap "photo1" revient et ainsi de suite.

Habituellement je sais faire ça avec des clics mais là je ne sais pas comment détecter ce fameux "tap"...

J'espère avoir été assez claire, merci pour votre aide !

2 réponses

Jordan Effairesse, il y a 8 ans

Tu peux regarder du côté des event Touch genre touchstart et touchend

Miren Ibarboure, il y a 8 ans

Voilà comment j'ai procédé du coup :

var images = document.getElementById("id_img"); var image = images[0]; var touche = false; image.addEventListener("touchstart",function(){ touche = !touche; //code qui modifie l'image })