I wanted to try the HTML5 Drag and Drop API. Try dragging an inventory icon to another slot to swap the two items:
- This API supports dragging data outside the browser. For example you can attach text, images, urls, html, or other data to be dragged into other applications.
- This API also allows dragging data from outside the browser onto the web page.
- I couldn't get this API to work on SVG objects.
event.dataTransfer.dropEffectAPI was inconsistent between Mac/Chrome and Mac/Firefox, and I didn't spend the time to figure out the spec says.
- Mac/Chrome and Mac/Firefox generated the "ghost" image differently. Mac/Chrome didn't include the background, whereas Mac/Firefox did.
I'm glad I tried this but I don't see myself using this API for much on my pages.