On HTML5 Drag and Drop

Example1.js

document.addEventListener("dragstart", function(event)
{
   event.dataTransfer.setData("image/png", slides.imageRep());
   event.dataTransfer.setData("slides", slides.serializedRep());
   // etc.
}, false);

Example2.js

event.dataTransfer.setData("slides", function()
{
   return costlySerialization();
} );

Example3.js

event.dataTransfer.setData("slides", { toString: function()
{
   return costlySerialization();
} } );

Example4.m

- (void)mouseDown:(NSEvent *)anEvent
{
   [NSView dragImage:myImage /*...*/];
}

Example5.m

- (void)mouseDragged:(NSEvent *)anEvent
{
   if (deltaX > 10)
       [NSView dragIamge:myImage /*...*/];
   else
       [self modifySelection];
}

Example6.js

document.addEventListener("mousedown", function(event)
{
   event.startDrag();
}, false);

document.addEventListener("mousemove", function(event)
{
   if (someCondition)
       event.startDrag();
}, false);

Example7.js

dragEvent.dataTransfer.setDragImage(aDOMElement, offsetX, offsetY);