有使用过HTML5的拖放API吗？说说你对它的理解

Answer 1

• 图片默认自带拖拽功能，非图片元素设置draggable属性为true即可拖拽。
• 被拖拽元素的事件：

1. ondragstart 拖拽的一瞬间触发
2. ondrag 拖拽期间连续触发
3. ondragend 拖拽结束触发

• 目标元素事件（将拖拽元素释放的地方）：

1. ondragenter 进入目标元素触发（鼠标光标进入）
2. ondragover 进入离开目标元素连续触发
3. ondragleave 离开目标元素触发
4. ondrop 在目标元素上释放鼠标触发

• 默认状态下，一个元素不能放在另一个元素上面，需要在ondragover上阻止默认事件。