---
title: "Discussion on \"(Project) HTML5 Drag and Drop API\" | Hashnode"
description: "Discussion on \"(Project) HTML5 Drag and Drop API\". HTML5 Drag and Drop API\n簡述\nHTML5 中的 Drag & Drop API 可以讓我們在瀏覽器中做到拖曳元素、排序元素、或者是讓使用者透過拖拉的方式把要上傳的檔案拉到瀏覽器當中。\n在學習 HTML5 Drag & Drop API 時，最重要的是去區分 Drag Source 和 Drop Target，因為它們會需要各自去監聽不同的事件。\n\n\nDrag Source 指的是被點擊要拖曳的物件，也就是藍色的圓，通常是一個 element。\nDrop Target 指的..."
url: "https://hashnode.com/posts/project-html5-drag-and-drop-api/63359d2efa20fa4bc8e539ea"
---

[Feed](https://hashnode.com/feed) /

Discussion

[Michael Luo](https://hashnode.com/@Michael0520)

Mar 16, 2021

# [(Project) HTML5 Drag and Drop API](https://michael0520-blog.hashnode.dev/project-html5-drag-and-drop-api?utm_source=hashnode&utm_medium=feed)

HTML5 Drag and Drop API 簡述 HTML5 中的 Drag & Drop API 可以讓我們在瀏覽器中做到拖曳元素、排序元素、或者是讓使用者透過拖拉的方式把要上傳的檔案拉到瀏覽器當中。 在學習 HTML5 Drag & Drop API 時，最重要的是去區分 Drag Source 和 Drop Target，因為它們會需要各自去監聽不同的事件。 Drag Source 指的是被點擊要拖曳的物件，也就是藍色的圓，通常是一個 element。 Drop Target 指的...

michael0520-blog.hashnode.dev 1 min read

## Responses

Markdown supported · ⌘↵ to post

No responses yet.