HTML5拖拽的简单实例

2019-01-28 14:46:13王振洲
  •                    for(var i=0;i<aLi.length;i++){   
  •                     aLi[i].index = i+1;                        aLi[i].ondragstart = function(ev){   
  •                                                 //事件对象ev                            var evev = ev || event;   
  •                            ev.dataTransfer.setData("Text",this.id);   
  •                     }      
  •                 }                    oLeft.ondrop = function(ev){   
  •                        var evev = ev || event;   
  •                     var data = ev.dataTransfer.getData("Text");                        var num = document.getElementById(data).index;   
  •                      document.getElementById(data).remove();      
  •                     oMessage.innerHTML = "列表"+num+"被放进了垃圾箱";      
  •                     this.style.color = "black";