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

Question

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

document.elementFromPoint() 给我 BODY 标签。

内容 ID 是我的“body”标签。

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