html - 以编程方式创建拖动事件时，dataTransfer 为空

Question

我正在尝试创建一个 dragEvent 并在 Chrome 上使用以下代码以编程方式触发它:

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

然后以这种方式触发它:

element.dispatchEvent(ev);

该元素具有可拖动属性。

事件发送成功。但是在事件被触发时 - dataTransfer 对象为空。即使我尝试将它手动设置为一个工作的 dataTransfer 对象 - 它仍然保持为空。

有什么想法吗？
谢谢

Answer 1

不幸的是，目前似乎还没有这种以编程方式创建 DataTransfer 对象的方法。 HTML5拖放界面的描述说:

Although, for consistency with other event interfaces, the DragEvent interface has a constructor, it is not particularly useful. In particular, there's no way to create a useful DataTransfer object from script, as DataTransfer objects have a processing and security model that is coordinated by the browser during drag-and-drops

请在此处查看更多详细信息:http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#the-dragevent-and-datatransfer-interfaces