Discussion :

[nadfri2019]

Bonjour à tous,

Avez vous une solution qui permet de faire fonctionner les events Drag&Drop sur mobile avec les touch events?
dragstart
dragenter
dragleave
dragend
dragover
drop

Il faudrait émuler le touchmove par le mousemove, mais je n'ai rien trouvé de concluant sur le net hors API.

[NoSmoking]

Bonjour,
il n'y a pas de raison que cela ne marche pas, qu'as tu essayé ?

Voir discussion : Drag and drop méthode setData pour dataTransfert

A tester, l'exemple en ligne de la dite discussion.

[nadfri2019]

Bonjour NoSmoking,

J'ai analysé ton code ligne par ligne, il n'y avait pas tellement de difference avec le mien mise à part ceci:

Moi dans setdataTransfer, j'avais mis "text/html" tandis que toi tu avais seulement "text".

Etrangement en mettant que "text", le drag&drop marche parfaitement sur mobile

As tu une explication?

Cdt.

[NoSmoking]

As tu une explication?

J'aurais tendance à dire, « mais pourquoi les navigateurs ne le prennent pas en compte », mais je peux te dire pourquoi j'utilise text et non text/plain ou text/html.

La raison en est bien simple, d'une part le text/plain ne fonctionnait pas sous IE qui ne reconnaissait que Text et d'autre part la spécification notifie

3. Let format be the first argument, converted to ASCII lowercase.
4. If format equals "text", change it to "text/plain".

donc en mettant text on passe de partout et de surcroît cela marche, alors pourquoi chercher plus avant.

Ressource :

↪ The setData(format, data)

[nadfri2019]

Merci pour ta réponse, ca devrait aider pas mal de monde.

[nadfri2019]

J'ai fais un tuto youtube pour ceux à qui ça intéresserait à l'avenir:

https://www.youtube.com/playlist?lis...Syv5h5sMk_fuAY