javascript - 如何在 HTML5 拖放事件的特定位置附加数据传输内容

Question

我正在我的 body 标签上开发 HTML5 Drag-And-Drop。图像可以放在任何地方。当我放下标签（div、段落等）时，它可以正常工作。（我真的需要在这些情况下预先考虑）。当我放下身体时，它将被放置在所有其他元素之前。当数据位于 body 标签上时，如何在特定位置（event.clientX 和 event.clientY）附加数据？

document.elementFromPoint()给我身体标签。

内容 ID 是我的“身体”标签。

$('#content')
    .bind('drop', function(event){
        event.preventDefault();
        var data=event.originalEvent.dataTransfer.getData("Text");          
        $(event.originalEvent.target).prepend(data);
    })

;

Answer 1

只需检查事件的目标是否是主体并在这种情况下给出另一个目标：

$('#content').bind('drop', function(event){
    event.preventDefault();
    var data = event.originalEvent.dataTransfer.getData("Text");

    if (event.originalEvent.target.id == 'content')
        $('#divForOtherImages').append(data);
    else
        $(event.originalEvent.target).prepend(data);
});