如何跟蹤拖放函數中可拖動的div ID的ID

我必須在使用javascript的拖放函數中找到可拖動的div的ID。使用jquery我知道如何找到它。但我陷入了拖放功能中需要拖放事件的id的一種情況。在拖動功能，我可以通過使用alert("id "+obj.id)得到id，但請幫助我使用javascript在drop功能中找到它。如何跟蹤拖放函數中可拖動的div ID的ID

下面是代碼

function allowDrop(ev) 
{ 
    ev.preventDefault(); 
} 

function drag(ev, obj) 
{ 
    ev.dataTransfer.setData("Text",ev.target.id); 
    alert("id "+obj.id) 
} 

function drop(ev) 
{ 
    farea1[i] = x[0].getElementsByTagName("termTxt")[i].getAttribute("correctCat"); 

    ev.preventDefault(); 
    var data=ev.dataTransfer.getData("Text"); 
    ev.target.appendChild(document.getElementById(data)); 


    i++; 
    display(); 

    if(ev.target.id == "area1"){ 
     fans1[n]=farea1[k]; 
     k++; 
     n++; 
     countarea1++; 
    } 
}

來源

2012-11-30 CodingDecoding

使用此功能查找可放開ID

$(function() { 

     $("#droppable").droppable({ 
      drop: function(event, ui) { 
       $(this).html("Dropped in " + this.id); 
      } 
     }); 
});

來源

2012-11-30 08:25:37

感謝你的答案，但我不使用ui事件。請用javascript來建議。我上面粘貼的代碼請檢查 – CodingDecoding

添加警報（ev.target.id）;在下降功能 –

通過使用ev.target.id我得到的文本區域，我已經放棄元素的ID不是拖動對象，我已拖入該區域的ID。 – CodingDecoding

你應該能夠得到該目標DIV ID：

$(".droppable").droppable({ 
     drop: function(event, ui) { 
      $('.display').html("Dropped in " + this.id); 
     }, 
     over: function(event, ui) { 
      $('.display').html(this.id); 
     } 
    });

來源

2012-11-30 08:27:01

感謝您的答覆，但我不使用ui事件。請用javascript來建議。我上面粘貼的代碼請檢查 – CodingDecoding

試試這個：var target = e.target || e.srcElement; var id = target.id; –

通過使用這我得到的文本區域，我已經放棄元素的ID不是拖動對象，我已拖入該區域的ID。 – CodingDecoding

如何跟蹤拖放函數中可拖動的div ID的ID

回答

相關問題