[E] HTML Drag and Drop API

Here are an exercise that will show you how to use one of many HTML APIs.

This exercises provides you with techniques needed to fulfill the assignment A3.

HTML Drag and Drop API

In the exercise "Using the HTML Drag and Drop API to create draggable items" you will learn to drag and drop items on the web page.

Figure. This is how the example looks like.

This example shows the basics of the HTML Drag and Drop API that enables items on the web page to be selected, moved around and dropped on a area that supports drop events.

One way to use this feature is to implement where items on the web page can be copied, moved around, or items in a list can be re-orginized. It provides support to the developer to implement a richer user interface to the web application.

Another way to use this feature is to allow the user to drag items such as files and images onto the web page to upload files or include images onto the web application. This implements an integration between the web application and the local desktop environment.