Latest web development tutorials
 

HTML dropzone Attribute


Example

Dropping the data will result in a copy of the dragged data:

<div dropzone="copy"></div>


Definition and Usage

The dropzone attribute specifies whether the dragged data is copied, moved, or linked, when it is dropped on an element.


Browser Support

Attribute
dropzone Not supported Not supported Not supported Not supported Not supported

Differences Between HTML 4.01 and HTML5

The dropzone attribute is new in HTML5.


Syntax

<element dropzone="copy|move|link">

Attribute Values

Value Description
copy Dropping the data will result in a copy of the dragged data
move Dropping the data will result in that the dragged data is moved to the new location
link Dropping the data will result in a link to the original data

Related Pages

HTML Tutorial: HTML Attributes

HTML Tutorial: HTML5 Drag and Drop

JavaScript Reference: The ondrag Event