Drag and Drop interfaces
Page 4
Next we will add the ability to drop the eyes1 object when the mouse button is released. To do this you need another event listener that detects the mouse button being released, and another function that stops the object being dragged.
Amend your code to match that shown below.
Now when you test your movie you should be able to drag and drop the eyes1 object.
One thing that bugs me about this is that the mouse pointer remains as an arrow when it moves over the eyes1 object. It would be better if there was some kind of indication that the mouse pointer was over a draggable object. To do this we will tell the eyes1 object to behave like a button and cause the mouse pointer to change to a pointing finger.
Add the following line of code at the end of the existing code to make the eyes1 object act like a button.
eyes1.buttonMode=true;
Next we will look at extending the game to include more draggable objects.