HTML5之前，要實現網頁元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通過大量的JS代碼來實現；HTML5中引入了直接支持拖放操作的API，大大簡化了網頁元素的拖放操作編程難度，并且這些API除了支持瀏覽器內部元素的拖放外，同時支持瀏覽器和其它應用程序之間的數據互相拖動。

本文通過一個簡單示例，演示HTML5中拖放API的使用方法。

場景：

如下圖所示，我們要實現：

通過拖放將照片從左側“相冊”區域拖拽到右側“垃圾箱”區域；拖拽過程中，“溫馨提示”部分要及時提醒，當前正在進行拖放操作；

實現方法：

如上界面的HTML代碼比較簡單，如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表