Javascript 如何在HTML5 drop事件的特定位置附加数据传输内容

我正在开发HTML5拖放到我的身体标签上。图像可以放在任何地方。当我放下标签（div、段落等）时，它工作正常。（我真的需要预先准备这些案例）。当我落在身体上时，它将被放在所有其他元素之前。当数据位于body标记上时，如何在特定位置（event.clientX和event.clientY）追加数据

document.elementFromPoint（）

给我BODY标签

内容id是我的“正文”标签

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

;

---

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

$('#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);
});

---

实际上，我需要把它加在身体上。这将向一个特定的div添加数据。如果我在两段之间删除，我需要在两段之间添加数据。好的，我理解错了。在您的情况下，您可能必须从drop事件中获取坐标，并对照身体中所有元素的位置进行检查。因此，我需要使用

document.elementFromPoint（）

从drop坐标开始，然后返回，直到找到非身体元素？