HTML5之前，要實現網頁元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通過大量的JS代碼來實現；HTML5中引入了直接支持拖放操作的API，大大簡化了網頁元素的拖放操作編程難度，并且這些API除了支持瀏覽器內部元素的拖放外，同時支持瀏覽器和其它應用程序之間的數據互相拖動。
本文通過一個簡單示例，演示HTML5中拖放API的使用方法。
場景：
如下圖所示，我們要實現：
通過拖放將照片從左側“相冊”區域拖拽到右側“垃圾箱”區域；拖拽過程中，“溫馨提示”部分要及時提醒，當前正在進行拖放操作；
實現方法：
如上界面的HTML代碼比較簡單，如下：
新聞熱點
疑難解答
