Learn how to use the Drag and Drop API to let your users drag and drop elements on your website. After reading this guide, you will know how to prepare the elements to be dragged, how to control the information being transferred, and how to drag elements from other applications to the browser, including files.

Table of Contents

DRAG AND DROP API

Drag and Drop

Validation

Thumbnail

Files

QUICK REFERENCE

Events

Properties

Methods

This guide assumes that you have a basic knowledge of HTML, CSS and JavaScript, and you know how to create files and upload them to a server. If you don't know how to program in HTML, CSS or JavaScript, you can download our guides Introduction to HTML, Introduction to CSS, and Introduction to JavaScript. For a complete course on web development, read our book HTML5 for Masterminds.

This guide is a collection of excerpts from the book HTML5 for Masterminds. The information included in this guide will help you understand a particular aspect of web development, but it will not teach you everything you need to know to develop a website or a web application. If you need a complete course on web development, read our book HTML5 for Masterminds. For more information, visit our website at www.formasterminds.com.