Creating a drag event

Question

How would you simulate a dragevent on a particular element? Here is what I tried, but I keep getting a e.dataTransfer is null error when my event handler receives the event.

var event = document.createEvent('DragEvents');
event.initEvent('dragstart', true, false);
document.getElementById('test').dispatchEvent(event);

When I inspect the event from the event handler dataTransfer is a property if you use createEvent('DragEvents') instead of say createEvent('Events') but the property is null.

Did you ever figure this out? Also, I believe you need 'DragEvent', using the plural version causes an error. — The Muffin Man, Nov 05 '16 at 01:04
@TheMuffinMan the short answer is I figured out and it isn't possible. — qw3n, Nov 05 '16 at 03:06

score 2 · Accepted Answer · edited May 23 '17 at 10:32

2

The document.createEvent('event') is being deprecated. The new method doesn't work because the DragEvent constructor is not meant for actual use.

Check dataTransfer is null when creating drag event programmatically for a similar question .

edited May 23 '17 at 10:32

Community

1
1

answered Nov 05 '16 at 03:06

qw3n

6,236
6
33
62

Creating a drag event

1 Answers1