http://api.jquery.com/category/events/mouse-events/http://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/les-evenements-24
Remarque: gérez le relâchement de la souris sur l'élément <html> et pas directement sur la boite verte.En effet, si la souris bouge elle peut sortir de la boite verte et le bouton peut-être relâché en dehors de cette boite.
Remarque2: une erreur courante est de vouloir ajouter le gestionnaire du mouvement lors de l'appui du bouton. Avec cette approche, a chaque appui du bouton on ajoute un nouveau gestionnaire de mouvement... on se retrouve alors avec de très nombreux appels au gestionnaire de mouvement. Par ailleurs le relâchement du bouton n'est pas simple à gérér. L'approche plus simple (et mieux adaptée à la logique de la programmation événementielle) est d'ajouter ajouter un seul gestionnaire de mouvement, présent tout le temps, et utiliser la classe "en-mouvement" pour savoir s'il y a une boite verte à déplacer.