2010-06-28 3 views
2

J'ai une image de taille fixe et je souhaite afficher un sous-ensemble de l'image. Je veux permettre à l'utilisateur de cliquer et de faire glisser pour déplacer la zone visible de l'image.Panoramique et zoom d'image avec GWT

La classe Image a une méthode setUrlAndVisibleRect agréable qui peut gérer l'affichage de la zone d'image. Le problème que je rencontre est de cliquer et de faire glisser la souris pour travailler.

J'ai enregistré des gestionnaires Mouse Down/Up/Move et tout semblait très prometteur dans Firefox. Puis je l'ai testé dans IE8 ...

Le comportement que je vois dans IE8 comme je clique et faites glisser: - événement MouseDown lorsque je clique - navigateur affiche alors un « pas d'entrée » curseur de symbole que je fais glisser - enfin quand je relâche, je ne reçois aucun événement de souris.

Quelle est la bonne façon de gérer cela de manière croisée?

Répondre

3

Vous souhaitez utiliser MouseDownEvent.preventDefault(). Cela empêche le navigateur de prendre l'action par défaut pour l'événement, qui consiste à lancer l'action de déplacement que vous voyez.

Si cela ne fonctionne pas, essayez MouseMoveEvent.preventDefault(). L'un d'eux va le tuer.

+0

Merci, j'ai fini par fonder ma solution sur cet article: http://chaoticjava.com/posts/drag-and-drop-in-gwt-the-how-to/ L'exemple mis à jour dans les commentaires utilise DOM.eventPreventDefault (event). – zorro2b

Questions connexes