html5专题

拖拽

在相应的可拖拽元素上设置 draggable=‘true’
事件：
可拖动元素
1、dragstart:开始拖拽
2、drag：拖拽过程中
3、dragend：拖拽结束
拖拽的接受目标区域
1、dragenter：进入目标区域
2、dragover：在目标区域中
3、dragleave：离开目标区域
4、dragdrop：在目标区域中松开（需要早dragover事件中阻止默认事件）

传送和接收数据：

event.dataTransfer.setdata('text',this.index)
event.dataTransfer.getdata('text')

拖拽购物车案例：

    
    
    
    



    

        

            ![](js高程.jpg)
            
js高级程序设计
            
80￥
        
        

            ![](css.jpg)
            
css技术指南
            
60￥
        
        

            ![](node.jpg)
            
node深入学习
            
78￥