Dom（二十一） 拖拽，web项目二次开发

确定可拖拽的内容

首先我们必须在那些可拖拽的内容上设置一个draggable属性，表示这个元素是可以拖拽的

开始拖拽

当鼠标移动时，这个元素会触发一个dragstart事件，表示拖拽开始了

拖拽过程

当拖拽过程中，拖拽的元素会不断的触发drag事件，而当离开容器后，容器会触发一个dragleave事件，当把拖拽元素拖动到另外一个容器时，这个容器会触发dragenter事件，当这个元素在新容器内部不断拖动的时候，这个容器会不断触发dragover事件，当松开鼠标后，这个元素会触发一个drop事件，同时拖拽元素自身会触发一个dragend事件

draggable

直接设置在元素上，有三个值，true（可拖拽），false（不可拖拽），auto（自动根据浏览器识别，默认，通常默认可以拖拽的元素有img，带图片的object，带href属性的，选中的文本）

• 苹果
• 栗子
• 橙子

• DragEvent

  dataTrabsfer.dropEffect

  这个代表了鼠标这个图标的变化过程，例如可拖拽的，链接的，禁止的，它的值有

  none：表示不可拖拽的，这个拖拽是无效的

  move：表示当松开鼠标的时候，要将拖拽的内