javascript - HTML5 ドロップ イベントの特定の場所にデータ転送コンテンツを追加する方法

Question

body タグで HTML5 ドラッグ アンド ドロップを開発しています。画像は任意の場所にドロップできます。タグ (div、段落など) にドロップすると、正しく機能します。(私は本当にこれらのケースで先頭に追加する必要があります)。body にドロップすると、他のすべての要素の前に配置されます。body タグにある場合、特定の場所 (event.clientX および event.clientY) にデータを追加するにはどうすればよいですか?

document.elementFromPoint()BODYタグをください。

content id は私の「body」タグです。

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

;