HTML Drag/Drop API 介绍

Joe at 
HTML Drag/Drop API 介绍的配图
HTML 的拖拽接口有 DragEvent, DataTransfer, DataTransferItem 和 DataTransferItemList。本文着重介绍前两者。事件与流程一个典型的 drag 操作是这样开始的:用户用鼠标选中一个可拖动的(draggable)元素,移动鼠标到一个可放置的(droppable)元素,然后释放鼠标。 在操作期间,会触发一些事件类型,有一些事件类型可能会被多次触发。这个流程可以分解为三部分:1. 选中:在 HTML5 标准中,为了使元素可拖动,把 draggable 属性设置为 true 即可。其中,文本、图片和链接是默认可以拖放的,draggable ……