Question

我正在我的身体标签上开发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);
    })

;

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

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

1 个答案: