Discussion :

[Nothus]

Bonjour,

Mon problème bête et méchant : développant pour le fun un petit jeu de bubble (une variante que je veux sans pub), je génère un SVG tout à fait banal dont les cercles réagissent aux clics (addEventListener). Sur le PC, le jeu n'a pas de problème en utilisant la souris.

Sur Android (Firefox ou Chrome) par contre... le moindre clic sur l'élément SVG provoque l'apparition des deux bornes de sélection ainsi que le menu "Tout sélectionner".



Précision : bien évidemment il n'y a pas de texte et l'événement arrête sa propagation au niveau du cercle cliqué (voir source).

Je sèche un peu sur les motifs ? La doc MDN ne m'a pas été d'une grande utilité pour le coup...

La source est disponible ici :
http://tests.nothus.fr/jeu.html

Merci de votre retour ! Bonne fin de journée à tous,

Julien.

PS : pour ceux qui testent par curiosité, la règle est très simple : plus de trois bulles dans l'environnement proche sélectionné, y compris en diagonale (pas juste dans les 4 côtés haut / bas / gauche / droite). Valider pour les retirer.

[psychadelic]

J'ai survolé ton code, mais il me semble bien que tu devrai regarder du coté de la gestion des événements tactiles ?

https://developer.mozilla.org/fr/doc...s/Touch_events

https://www.html5rocks.com/en/mobile/touchandmouse/

[psychadelic]

Il y a aussi la librairie Hammer

http://hammerjs.github.io/

mais c'est à se demander si c'est juste pour le plaisir de poster des questions sans se soucier que quelqu'un puisse perdre du temps à y répondre...

[Nothus]

Merci psychadelic de tes retours.

mais c'est à se demander si c'est juste pour le plaisir de poster des questions sans se soucier que quelqu'un puisse perdre du temps à y répondre...

Non et ce n'est d'ordinataire, pas dans mes pratiques. Ma fin de semaine a été un peu chargée et comme c'est pour du fun, je n'ai pas pris le temps de te répondre. Pardon donc, car j'aurais dû le faire, comme tu as pris le temps toi-même.

Pour les événements tactiles, c'est effectivement la bonne piste. Je n'ai pas trouvé véritablement la solution et j'essaie pour l'instant de comprendre les ramifications de ces événements. Car malgré leur utilisation, de manière semble t-il aléatoire et pas fréquemment, j'ai quand même un menu contextuel qui apparaît (toujours sur un élément SVG et pas sur les autres). Preuve que je dois louper une étape.

Promis, je reviens avec une solution très vite afin de mettre la conversation en "résolue".