拖动图片javascript

Question

这是两个事件。使用第一个事件：drag获取元素id。 第二个事件：drop必须将图片移动到光标所在的位置，但不能这样做......

请帮我纠正掉落事件..我知道我可以使用jquery，但我只有很少的时间。 我只是需要在drop事件中if if（（parseInt（id，10）＆gt; 0）||（id == 0））更改图片线，但我不知道该使用什么。 部分代码在这里：

   function drop(ev)
{
ev.preventDefault();
var id=ev.dataTransfer.getData("id");
var CursorY=ev.pageY;
var CursorX=ev.pageX;
var posx = 0;
var posy = 0;
if (ev.pageX || ev.pageY)     {
    posx = ev.pageX;
    posy = ev.pageY;
}
else if (ev.clientX || ev.clientY)    {
    posx = ev.clientX + document.body.scrollLeft
        + document.documentElement.scrollLeft;
    posy = ev.clientY + document.body.scrollTop
        + document.documentElement.scrollTop;
}
var element = document.getElementById(id);
var element2 = document.getElementById("insert_box");
var name = element.getAttribute("name");
var w=document.getElementById(id).offsetWidth;
var h=document.getElementById(id).offsetHeight;

//alert(w+" "+h )

if((parseInt(id, 10) > 0) || (id==0))
{
   //element.style.top=posy;
   //element.style.left=posx;
}else 
{
    element2.innerHTML = element2.innerHTML + "<div class='drag'><img style='position:absolute' draggable='true' name="+name+" id='"+i+"' ondragstart='drag(event)' src='Images/"+name+"'></div>";
    var element_ID = document.getElementById(i); 
    i++;
} 
}

此处所有代码： http://pastebin.com/MwaVpzL5

这是图片： 在哪里可以将图像拖到右边的框中，当创建新图像时以及当我需要移动创建的图像时

Answer 1

如果您能够使用jquery，那么它会让您的生活变得更轻松，因为jqueryui有多种使用方法

jqueryui draggable将进行拖动，droppable将执行您的目标