SVG et réaction au clic sur Android

Version imprimable

27/03/2018, 16h23
Nothus

1 pièce(s) jointe(s)

SVG et réaction au clic sur Android

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".

Pièce jointe 364925

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.
27/03/2018, 17h00
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/
31/03/2018, 01h51
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... :?
31/03/2018, 13h29
Nothus

Merci psychadelic de tes retours.

Citation:

Envoyé par psychadelic

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".