Drag and Drop Events

In total, there are seven drag and drop events.

Properties	Description
`dragenter`
`dragover`	Tell the browser this is an element that accepts drop data.
`drop`	Once something has been dropped on the element, do something with the dropped data.
`dragstart`
`dragend`	(the complement to dragstart)
`dragenter`
`dragleave`

The enter and leave events fire on the dropzone as the dragged item enters the element.

Related Tutorial

1 Introduction

2 Checking for Support with User's browser

3 Making Elements Draggable

4 The DataTransfer Object

5 Drag and Drop Events

6 Creating a D&D Application

Try it

Contents +