"Native" here refers to the ability to drop files from a file explorer
onto a browser window, ala
http://html5demos.com/file-api
Open a browser that supports native drag and drop, like a recent
Chrome or Firefox. Open a page that has included jQuery, like
http://jquery.com/, and type the following statements using the Chrome
or FireBug console:
$(document).bind('dragover dragend', function(e) { return
false; });
$(document).bind('drop', function(e) { e.preventDefault();
console.log('dropped'); return false; })
Now drag a file onto the browser window and you'll see "dropped"
appear in the console. Hooray!
Unfortunately, once you include jquery.event.drop-2.0.js, dropping
files onto the browser window ceases to fire events. Go to a page that
includes both jQuery and jquery.event.drop-2.0.js, such as
http://threedubmedia.com/code/demo/blank/ , enter the same console
commands, and drag a file onto the browser. Nothing.
Note, however, that bare document event callbacks still work:
document.ondragover = document.ondragend = function(e) { return
false; };
document.ondrop = function(e) { e.preventDefault();
console.log('dropped'); return false; }
Any ideas? I'm going to look at this more closely in the meantime.