HTML5- 拖拽功能

HTML5- 拖拽功能

​ HTML5新增了拖拽功能，但不是所有元素都能拖拽，如果希望该元素强制可以被拖拽，加一个行内属性 draggable="true"

对应还提供了以下方法：

• dragstart

  • 开始拖拽时触发

• dragend

  • 结束拖拽时触发
  • 给容器加入内容appendChild

• dragenter

  • 拖拽进入时触发

• dragleave

  • 拖拽离开时触发

• drop(用在容器内)

  • 拖拽松手就触发
  • 需要与 dragover 事件结合使用，并且dragover结合e.preventDefalut()

• dragover(用在容器内)

  • 默认行为：禁止任意元素被拖放进来，如果想禁止该默认行为：

    box.ondragover = fucntion (e){
        e.preventDefault()
    }
    1
    2
    3