Drag and drop

Here I test the HTML5 drag and drop.

  1. Draggable list item
  2. Draggable link
  1. The destination

Saf 3, Opera: no support FF3.0: no support for drop Saf 4 FF3.5 IE7/8 Chrome: can drag selected text (dragstart) dragstart required for element.draggable in FF element.draggable = true: FF, rest niet. drag: IE niet; FF3.5: niet op draggable item drag moet op window of document IE: dragenter en dragleave alleen als GEEN dragstart IE: drop alleen als GEEN dragstart EN cancel dragover EN dragenter (BS) dragover === drag maar op specifiek target IE7 IE8 FF3.5 Saf4 Chr2.0 dragstart Y Y Y Y Y dragenter I I Y Y Y draggable N N Y N N dragover N N Y Y Y drag N N I Y Y drop I I dragleave I I Y Y Y http://www.alertdebugging.com/2009/08/16/on-html-5-drag-and-drop/ http://www.alertdebugging.com/drag-and-drop-bugs/ dataTransfer IE7 IE8 FF3.5 Saf4 Chr2.0 addElement Y clearData Y Y Y dropEffect Y Y Y Y Y effectAllowed Y Y Y Y Y getData Y Y Y setData Y Y Y setDragImage Y Y Y types Y Y Y Ignoring moz items