Glisser/déposer sur écran tactile d'ordinateur

Glisser/déposer sur écran tactile d'ordinateur - Javascript/Node.js - Programmation

Marsh Posté le 30-06-2021 à 17:48:56    

J'aimerais effectuer un drag and drop en JS (ou jQuery ou autre) sur un écran tactile relié à un PC. J'ai essayé plusieurs approches mais rien n'y fait, ça ne fonctionne pas.  
 
Voici mon code (tout bête) :

Code :
  1. $(".bouger" ).draggable({revert:true});
  2. $(".deposer" ).droppable({
  3.   accept:".bouger",
  4.   drop:function(event, ui){
  5.     alert("OK" );
  6.   }
  7. });


 
Avec juste jQuery, ça fonctionne sans problème avec la souris, mais pas avec l'écran tactile, ni sur téléphone.
J'ai alors utilisé jQuery UI Touch Punch, qui a résolu le problème sur smartphone, mais toujours pas sur l'écran tactile (testé avec Firefox et Chrome).
 
Je trouve pas grand chose sur le net, personne n'a trop l'air d'avoir de difficulté avec ça, je suis un peu perdu. Et comme en plus l'écran tactile est chez le client, je ne peux pas tester de chez moi et faut que je m'y rende à chaque fois pour voir si ce que j'ai trouvé fonctionne…
 
Quelqu'un aurait une solution ou au moins un conseil ?


---------------
If you think it could look good, then I guess it should
Reply

Marsh Posté le 30-06-2021 à 17:48:56   

Reply

Marsh Posté le 30-06-2021 à 18:55:57    

Ca doit etre lié aux events mal bindés:
 
https://developer.mozilla.org/fr/do [...] uch_events
 
Les touch events (touchstart)
our les dragstart
 
Un d'entre eux doit fire, et c'est celui qu'il te manque ;)

Reply

Marsh Posté le 30-06-2021 à 19:04:18    

Merci, je regarde dès que je peux ;-)


---------------
If you think it could look good, then I guess it should
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed