While all browsers can natively drag images or links, dropping objects used to require complex JavaScript or third-party libraries. The drag-and-drop API is intended to provide an easier, standardized way to enable users to drop any type of object into an identified area. In reality, working with the API across browsers is a challenge. The main browsers currently supporting this API are Firefox, Chrome, and Safari.
Download the code for this tutorial at http://www.packtpub.com/support?nid=7940. The font used in the heading of this tutorial is from http://www.fontsquirrel.com, where you can also download a different font if you choose. This tutorial may not work with Internet Explorer. We will be creating a tic-tac-toe game that demonstrates how the drag-and-drop API works.