1. HTML5 Drag Drop By 老刘 (hugo)

2. History It all begins with IE4. IE4 首先引入了拖拽概念 IE >= 4 都支持拖拽 4<= IE < 9 只支持 2 种元素拖拽 1. <a href=“#” >draggable</a> 2. <img src=“some.img” /> demo

3. Events draggableNode 支持以下 event ： dragstart dragend drag dragenter targetNode 支持以下 event ： dragover dragenter dragleave drop

4. Event 注册 draggableNode.observe('dragstart', onDragstart) .observe(‘dragend', onDragend); dropZone.observe(‘dragenter’, onDragenter) .observe(‘dragleave’, onDragleave) .observe(‘dragover’, onDragover) .observe(‘drop’, onDrop); $(Document.body).observe(‘drag’, onDrag); demo

10. HTML 5 HTML5 继承了 IE 的 Dragdrop 事件。 与 IE 的不同， HTML5 所有的元素都支持拖拽，只要在元素中加入 draggable=“true”, 这个元素就可以拖拽了。 demo