HTML5 Drag and Drop Now Available in Microsoft Windows IE10 Platform Preview 2

The Internet Explorer team at Microsoft today as on July 27, announced that "HTML5 Drag and Drop is now available in Internet Explorer 10 Platform Preview 2".Before HTML5, drag and drop behavior on the Web only partially worked without JavaScript frameworks. Now making your site work well with drag and drop is simple."One last new […]

The Internet Explorer team at Microsoft today as on July 27, announced that "HTML5 Drag and Drop is now available in Internet Explorer 10 Platform Preview 2".

Before HTML5, drag and drop behavior on the Web only partially worked without JavaScript frameworks. Now making your site work well with drag and drop is simple.

"One last new and really neat part of HTML5 drag and drop is the ability to drag a file from the desktop to a Web site. When you drop a file on a Web site, it can read the file contents and use the file within the site. The Magnetic Poetry demo uses this feature to create small image previews on the refrigerator. Drag an image file onto the refrigerator and you will get the preview," informs Sharon Newman, Program Manager, Internet Explorer.

Newman says that "Magnetic Poetry on the IE Test Drive site is example of a site that uses HTML5 Drag and Drop to create an experience that previously would have needed a plug-in or JavaScript library. In the Magnetic Poetry demo, when you pick up a magnet (dragstart) the script does some initial calculations of where within the element the mouse clicked. When you drop the magnet (dragend) the script calculates a new location for the magnet and moves it to where you dropped it."

"You may also notice that when you drop a magnet, it rotates. The amount of rotation is based on how close to the middle you grab the magnet. If you grab close to the middle it will drop fairly flat but if you grab on the edges it will rotate more. This creates a more natural look," added Newman.

HTML5 drag and drop is available today in IE10 Platform Preview 2.

[Source: IE blog]