在HTML5的规范中，我们可以通过为元素增加draggable="true"来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启的。

目标元素：页面中任何一个元素都可以成为目标元素
事件监听
拖拽元素

  • ondrag 应用于拖拽元素，整个拖拽过程都会调用
  • ondragstart 应用于拖拽元素，当拖拽开始时调用
  • ondragleave 应用于拖拽元素，当鼠标离开拖拽元素时调用
  • ondragend 应用于拖拽元素，当拖拽结束时调用
    目标元素
  • ondragenter 应用于目标元素，当拖拽元素进入时调用
  • ondragover 应用于目标元素，当停留在目标元素上时调用
  • ondrop 应用于目标元素，当在目标元素上松开鼠标时调用
  • ondragleave 应用于目标元素，当鼠标离开目标元素时调用- `
Last modification：July 12, 2018
© Allow specification reprint
If you think my article is useful to you, please feel free to appreciate