Discussion :

[OUZFA]

Bonjour à tous,

j'ai trouvé des exemples de code qui permettent de réaliser un Drag Drop pour écran tactile.

Cela marche bien avec des div ou autres balises HTML.

Problème : Lorsqu'il s'agit d'une Image ou une Photo, il ne fonctionnent que sur une tablette Apple et non sur des tablettes Android ni sur les téléphones (lorsque je mets mon doigt sur l'image ou la photo, une fenêtre POPUP s'ouvre pour proposer de Copier l'image, partager l'image, ouvrir l'image dans un autre...etc)

Quelqu'un pourrait m'aider svp ?

[ProgElecT]

Salut

Peut être préciser <img draggable="true"> pour qu'Android soit d’accord.

[OUZFA]

Salut ProgElect,

l'image est déjà draggable !!!

[SpaceFrog]

Dis nous où tu vois ton code là dedans ...


Sans code difficile de t'en dire plus ...

[Doksuri]

tu peux aussi t'inspirer de ca document.oncontextmenu = new Function("return false;"); pour "desactiver" le menu (quand tu reste trop longtemps appuye)

[NoSmoking]

Bonjour,

Cela marche bien avec des div ou autres balises HTML.

pourquoi alors ne pas modifier ta structure ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<figure draggable="true">
  <img src="nom-de-l'image" alt="">
</figure>

et ajouter sur le CSS de l'image

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
figure img {
  pointer-events: none;
}

[OUZFA]

Merci beaucoup NoSmoking, c'es ce qu'il me fallait, ça marche.
Merci à tous