Missing dataTransfer object

[[email protected]…]

I tried accessing the dataTransfer object on an event in order to implement HTML5 drag and drop, and was surprised to find that the key is not on the event object. It is, however on the originalEvent key. I don't understand why jQuery's event object doesn't inherit that key from originalEvent. It seems inconsistent with the rest of the event API.

[anonymous]

jQuery 1.7.2 Google Chrome / OS X Lion

To reproduce: add a draggable="true" attribute to any element, and then set up event delegation on the element. The following code fails, because the dataTransfer key is undefined:

$el.delegate('[draggable="true"]', 'dragstart', function (event) {

event.preventDefault(); event.dataTransfer.effectAllowed = 'copy'; event.dataTransfer.setData('Text', this.id);

}

Workaround:

change event.dataTransfer to event.originalEvent.dataTransfer

[Rick Waldron]

This is not a bug. For special properties, please use the evvent.originalEvent object.

[Rick Waldron]

Duplicate of #7808.