1、被拖放放的元素需要設定屬性draggable為true，這是元素可被進行拖放的前提；
2、被拖動時的事件屬性（ondragstart），當元素被拖動的時候，事件裡需要呼叫該方法：ev.datatransfer.setdata("text",ev.target.id)；該方法的資料型別是「text」，值是可拖動元素的id 。
3、放到什麼地方，ondragover事件屬性規定在什麼位置（什麼元素上）放置被拖動的資料；元素預設無法放置其它的元素，如需要放置，則需要阻止元素的預設處理方式；這需要呼叫ondragover的event.preventdefault()方法。
4、進行放置，ondrop事件屬性；進行放置時，需要阻止元素的預設處理方式；然後通過event.datatransfer.getdata("text")方法獲取被拖動的資料；最後將被拖動的資料放置到放置的目標元素中。
例項：
text
Html5中拖放API與WebStorage
任何元素都能夠拖放，並且支援瀏覽器與其他應用程式之間的資料的互相拖放，同時大大簡化了拖放方面的相關 將想要拖放的物件元素的draggable屬性設為true,另外img與a元素預設允許拖放 編寫與拖放相關的事件處理 1 在目標元素內移動 dragover 將拖放元素放置到目標元素內 2 通過gete...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...