Как добавить содержимое передачи данных в определенном месте при событии dropback HTML5

Question

Я разрабатываю HTML5 Drag-And-Drop на теге моего тела. Изображения можно отбрасывать в любом месте. Когда я опускаю тег (div, абзацы и т. Д.), Он работает правильно. (Мне действительно нужно добавить в этих случаях). Когда я опускаюсь на тело, он будет помещен перед всеми другими элементами. Как я могу добавлять данные в определенном месте (event.clientX и event.clientY), когда он находится в теге body?

document.elementFromPoint() дайте мне тег BODY.

Идентификатор содержимого - это тег '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); 
});