HTML5 Ошибка перетаскивания в chrome

Question

Я пытаюсь реализовать функцию перетаскивания на своем веб-сайте, но после нескольких часов попыток я пришел к выводу, что есть ошибка в хроме, например, попробуйте это example и посмотрите, самостоятельно.

Кажется, что dataTransfer свойство не существует, поэтому я получаю неопределенную ошибку.

Вот мой код:

$(document).on("dragover", "#dropFile", function(e){ 
    e.dataTransfer.setData('text/x-example', 'Foobar'); //error 
    return false; 
}); 

$(document).on("drop", "#dropFile", function(e){ 
    e.preventDefault(); 

    console.log(e.dataTransfer); //error 
}); 

P.S это делает работу в Firefox.

Answer 1

Я недавно занимался перетаскиванием, и мой основной браузер - хром, и до сих пор все отлично работает. Метод я использую, чтобы телеграфировать события немного отличается от вашего

$(".droppable").bind("dragover", function (e) 
    { 
    // do stuff here 
    }); 
    $(".droppable").bind("drop", function (e) 
    { 
    // do stuff here 
    })