HTML5 拖放 API (Drag and Drop API) 是一组标准的事件和方法，允许用户在网页中“抓取”一个对象（DOM 元素），并将其拖动到另一个位置（目标元素）进行放置。 它是 HTML5 标准的一部分，旨在让交互变得更加直观，比如： 在看板（如 Trello）中移动任务卡片。 将商品拖入购物车。 将本地文件拖入浏览器进行上传。 --- 核心概念与步骤 要实现拖放功能，主要涉及三个部分： 1. 被拖动元素 (Source): 你要移动的那个东西。 2. 放置目标 (Target): 你要把东西放进去的容器。 3. 数据传输 (DataTransfer): 在拖动过程中传递的数据。 1. 激活拖动 默认情况下，只有图片（）和链接（）是可以拖动的。对于其他元素（如 ），你需要添加 属性。 2. 拖放生命周期事件 (Events) API 提供了 7 个主要事件，分为两类：绑定在被拖动元素上的，和绑定在放置目标上的。 | 阶段 | 事件名 | 触发对象 | 描述 | | :--- | :--- | :--- | :--- | | 开始 | | 被拖动元素 | 用户开始拖动...
播面