Exercices Drag me

Exercice - Google Maps

Créez un objet que l'on peut déplacer en "drag-and-drop". Pour cela:

• créez un carré (une div)

• ajoutez un événement mousedown, qui

  • récupère la position de départ de la souris
  • ajoute un événement mousemove

• l'événement mousemove doit:

  • récupérer la position actuelle de la souris
  • calculer le delta entre la position de départ et la position actuelle
  • utiliser les transformations CSS pour déplacer l'élément

• ajoutez un événement mouseup, qui

  • récupère la position de fin de la souris (en fait, le delta plutôt)
  • enlève l'événement mousemove (avec removeEventListener)