html5 - que - dataTransfer es nulo al crear evento de arrastrar programáticamente

drag and drop que es

Question

Estoy intentando crear un evento de dragEvent y dispararlo programáticamente usando este código en Chrome:

var ev = document.createEvent("MouseEvents");
ev.initEvent("dragstart");

y luego dispararlo de esta manera:

element.dispatchEvent(ev);

El elemento tiene un atributo arrastrable.

El evento fue enviado con éxito. Sin embargo, en el evento que se dispara, el objeto dataTransfer es nulo. Incluso cuando intento configurarlo manualmente en un objeto dataTransfer en funcionamiento, sigue siendo nulo.

¿Algunas ideas?
Gracias

Answer 1

Desafortunadamente, parece que no existe una forma de crear un objeto DataTransfer programáticamente en este momento. La descripción de la interfaz de arrastrar y soltar HTML5 dice:
Aunque, por coherencia con otras interfaces de eventos, la interfaz DragEvent tiene un constructor, no es particularmente útil. En particular, no hay forma de crear un objeto DataTransfer útil a partir del script, ya que los objetos DataTransfer tienen un modelo de procesamiento y seguridad coordinado por el navegador durante las operaciones de arrastrar y soltar .
Por favor, consulte más detalles aquí: http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#the-dragevent-and-datatransfer-interfaces