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

How to append data transfer content at specific location on HTML5 drop event

本文关键字：位置 定位 数据传输 HTML5 事件      更新时间：2023-09-26

我正在开发HTML5拖放在我的身体标签上。图像可以在任何地方放置。当我放下标签（div、段落等）时，它可以正常工作。（我真的需要在这些情况下提前添加）。当我放下身体时，它将被放置在所有其他元素之前。当数据位于正文标签上时，如何在特定位置（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);
    })
;

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

$('#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);
});
相关文章：