Join Bill Weinman for an in-depth discussion in this video Coding a simple event listener, part of HTML5: Drag and Drop in Depth.
The first step in implementing HTML5 drag and drop is to register an event listener.…So we are going to start by making a working copy of this file right here,…02-listening-start.html.…So I am going to go ahead and I am going to just drag that and hold down the…Ctrl key here on Windows and you can do the same thing with the Option key on a…Mac and that will make a copy, and then I am going to go ahead and rename that…to make it just say -working.html.…
So down here in the HTML part you can see there are two images and they…
- Detecting drag and drop support
- Using the HTML5 draggable and dropzone attributes and onDragStart event
- Exploring different events
- Receiving drops with or without a drop zone
- Creating a simple game