拖动数据到div

 把字符串拖到div

  div: 

       <!--  生成30个div--〉

        <%  for(int i=1;i<=6;i++){
                   %>
                   <td >
                  <div id="div<%=j%><%=i%>"  style="width:100px; height:100px; border:#000000 1px solid;" οndrοp="handleDragDropEvent(event)" οndragstart="return false" οndragenter="return false" οndragοver="return false" οndragleave="return false" >div<%=j%><%=i%></div> </td>
                  <%}%>
            </tr>
            <%}%>

 

 

javaScript:

 

     function handleDragDropEvent(oEvent) {
               var Obj=window.event.srcElement;  //获取当前div ID
                switch(oEvent.type) {
                    
                    case "dragover":
                    case "dragenter":
                        oEvent.returnValue = false;
                        break;
                    case "drop":
                       var v =oEvent.dataTransfer.getData("text");  
                        Obj.innerHTML = Obj.innerHTML+v;
                }
            }