Instructions: grab anything and drag it in to the drop zone below. I've included some text below, but you can drag urls, bookmarklets, files, anything.

Check out the functionality in different browsers, because the same content appears differently when dropped. Something to watch out for in the future.

Change the options below to see the difference between the default Text and sniffing for data (not supported in IE I'm afraid).

Try also dropping a few files from your desktop on the drop zone and notice the content-type: text/uri-list

getData('Text')
getData(e.dataTransfer.types[0]) based on detected content type

My name is Remy Sharp (@rem on Twitter and my blog). I run a small business in Brighton, UK called Left Logic and am running the Full Frontal JavaScript Conference and I specialise in bespoke front-end development & backend.

Drop here for info about the dragged item