- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
IE supports the HTML5 File API
IE9 does not support File API
IF10 started supported File API
An example of that would be drag and drop. Now HTML 5 came up with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.
<!DOCTYPE HTML> <html> <head> <style> #boxA, #boxB { float:left;padding:10px;margin:10px; -moz-user-select:none; } #boxA { background-color: #6633FF; width:75px; height:75px; } #boxB { background-color: #FF6699; width:150px; height:150px; } </style> <script> function dragStart(ev) { ev.dataTransfer.effectAllowed='move'; ev.dataTransfer.setData("Text", ev.target.getAttribute('id')); ev.dataTransfer.setDragImage(ev.target,0,0); return true; } </script> </head> <body> <center> <h2>Drag and drop HTML5 demo</h2> <div>Try to drag the purple box around.</div> <div id = "boxA" draggable = "true" ondragstart = "return dragStart(ev)"> <p>Drag Me</p> </div> <div id = "boxB">Dustbin</div> </center> </body> </html>
- Related Articles
- Uniquely identify files before uploading with the HTML5 file API
- How can I use the HTML5 canvas element in IE?
- Microdata API in HTML5
- Which browsers support the HTML5 History API?
- HTML5 File API readAsBinaryString reads files as much larger and different than files on disk
- How to use HTML5 Geolocation Latitude/Longitude API?
- How to “enable” HTML5 elements in IE 8 that were inserted by AJAX call?
- How to store data in the browser with the HTML5 localStorage API?
- HTML5 Canvas to PNG File
- JavaScript File Drop with HTML5
- How to use HTML5 GeoLocation API with Google Maps?
- Validate the size of input=file in HTML5?
- Client Checking file size using HTML5
- What is HTML5 file Blob.slice() method
- Remember and Repopulate File Input in HTML5

Advertisements