javascript - 如何在 drop 函数中跟踪可拖动 div id 的 id

Question

我必须使用 javascript 在 drop 函数中找到可拖动 div 的 id。使用 Jquery 我知道如何找到它。但是我陷入了一种情况，即拖放功能中需要拖动事件的 id。在拖动功能中，我可以通过使用获取 id， alert("id "+obj.id)但请帮助我在使用 javascript 的放置功能中找到它。

这是代码

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++;   
    }
}

Answer 1

使用此函数查找可放置的 id

$(function() {

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

Answer 2

您应该能够通过以下方式获取该目标 div ID：

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