CODEWITHSUNDEEP
jqueryangularjsjquery-ui
Bastien Bast Weber
Bastien Bast Weber

Reputation: 481

e.dataTransfer is undefined

I have a problem with my drag and drop item, when i drag got an error: "e.dataTransfer is undefined"

drag function

dragstart: function(e) {
    e.dataTransfer.effectAllowed = 'move';
    e.dataTransfer.dropEffect = 'move';
    e.dataTransfer.setData('application/json', index);
    element.addClass('dragging');
}

Someone know where is the problem?

Upvotes: 19

Views: 15379

Answers (2)

Muhammad Shahid
Muhammad Shahid

Reputation: 323

In jquery you have to use it like this, it will work:

e.originalEvent.dataTransfer.dropEffect = 'move';

Upvotes: 15

alex.mironov
alex.mironov

Reputation: 2942

Add dataTransfer prop explicitly: 

e.dataTransfer = e.originalEvent.dataTransfer;

Upvotes: 37

Related Questions