拖拽事件

drag

draggable="true"

表示允许拖拽

添加即为ture的属性有:

disabled     checked     multiple    selected  
draggable(允许元素被拖拽)  contenteditable(允许元素可被编辑)

不支持IE7,8

拖拽的生命周期

 dragstart---drag---dragenter---dragover---dragleave---drop---drapend

 

    
  <-- 这个div可被拖拽-->

注意:

浏览器默认禁止在元素上drop (禁止将其他元素拖拽到目标元素上放手)
需要在dropover时阻止浏览器的默认事件,才得以触发ondrop.