HTML5 Drag & Drop Change icon/cursor while dragging
drag-and-drop, html, javascript
Solution
You are after dropEffect:
Initialize it in dragstart:
event.dataTransfer.effectAllowed = "copyMove";
Update it in dragenter:
event.dataTransfer.dropEffect = "copy";
Problem
I'm wondering how to change during dragging (dragover/dragenter) icon/cursor when I dragenter for example to deny or allow section. Of course, I can move with cursor a part of DOM positioned absolutely, but I'm interested in native HTML5 solution. Thanks!