Detecting HTML5 Drag And Drop support in javascript

by

You can do this:

if('draggable' in document.createElement('span')) {
  alert("Drag support detected");
}

You can see a quick demo test using the above check here.

Also, there’s a nice feature detection (not browser detection, yay!) list that’s fairly well maintained here in case you’re looking for other HTML5 features as well.

More Related Contents:

  1. How is the default submit button on an HTML form determined?
  2. How do I remove a file from the FileList
  3. Non-Standard Attributes on HTML Tags. Good Thing? Bad Thing? Your Thoughts?
  4. Does HTML5 allow drag-drop upload of folders or a folder tree?
  5. drag drop files into standard html file input
  6. HTML5 dragleave fired when hovering a child element
  7. How FileReader.readAsText in HTML5 File API works?
  8. HTML5 Drag and Drop anywhere on the screen
  9. HTML5 Drag & Drop Change icon/cursor while dragging
  10. Simulate drop file event
  11. Prevent browser from loading a drag-and-dropped file
  12. How to use jQuery’s drop event to upload files dragged from the desktop?
  13. HTML5 drop event doesn’t work unless dragover is handled
  14. How to determine presence of HTML5 drag’n’drop file upload API (like the one from FF3.6)
  15. html5 drag and drop FOR MOBILE [duplicate]
  16. Why don’t self-closing script elements work?
  17. Submitting a form on ‘Enter’ with jQuery?
  18. Does HTML5/Canvas Support Double Buffering?
  19. Add a tooltip to a div
  20. How do I fix blurry text in my HTML5 canvas?
  21. File Upload without Form
  22. How to embed an autoplaying YouTube video in an iframe?
  23. React.js: Set innerHTML vs dangerouslySetInnerHTML
  24. How to reach the element itself inside jQuery’s `val`?
  25. Conditional comment for ‘Except IE8’?
  26. wget + JavaScript?
  27. Browser back button handling
  28. Extract the text out of HTML string using JavaScript
  29. Drawing arrows on an HTML page to visualize semantic links between textual spans
  30. How to call a function after a div is ready?

Leave a Comment