CODEWITHSUNDEEP
htmlinternet-explorerdrag-and-dropinternet-explorer-10
Annie
Annie

Reputation: 3190

HTML5 Drag drop in IE10

Consider this example:

<div style="width:200px; height:200px; background-color:red" draggable="true" />

In IE10, when I move the red box around, it shows the cursor with a small circle with a line through it:

                                                                          enter image description here

On the other hand, in IE10 testdrive's fridge demo, when we drag the magnets, it shows a hand with + sign.

Besides setting draggable to true, what else is required to make the cursor show the correct shape?

Upvotes: 1

Views: 1468

Answers (1)

Woody
Woody

Reputation: 8022

You need to indicate that you accept the drop, by cancelling the dragover event. So for the element that you can drop onto, listen for the ondragover event, and cancel it.

A bit late with this answer but hopefully that is all you need.

Upvotes: 1

Related Questions