Events - Beginning JavaScript - page 321

figure 10-6

This event fires only when you are dragging something and the mouse cursor enters the target.
When this happens, the handleDragEnter() function executes:

function handleDragEnter(e) {
dropStatus.innerHTML = "You're dragging something!";
}

This simple function changes the status element's contents to state, You're dragging something!

The dragenter event is one of four events you can listen for on the target element. The following
table lists them.

drag sourCe events desCription

Fires when the mouse is first moved over the target element while
dragging

dragenter

Fires on the target as the mouse moves over an element while
dragging

dragover

Fires on the target when the mouse leaves the target while
dragging

dragleave

Fires on the target when the drop (the user releases the mouse
button) occurs

drop