Javascript HTML5D&;数据传输数据丢失,请告知

Javascript HTML5D&;数据传输数据丢失,请告知,javascript,html,drag-and-drop,Javascript,Html,Drag And Drop,我做了一个小演示,但是通过数据传输附加的数据丢失了。 下面是我的代码示例: var element = document.getElementById('draggable'); element.addEventListener('dragstart', function (evt) { evt.stopPropagation(); evt.dataTransfer.effectAllowed = 'move'; evt.dataTransfer.setData('tes

我做了一个小演示,但是通过数据传输附加的数据丢失了。 下面是我的代码示例:

var element = document.getElementById('draggable');
element.addEventListener('dragstart', function (evt) {
    evt.stopPropagation();
    evt.dataTransfer.effectAllowed = 'move';
    evt.dataTransfer.setData('test', 'some_dummy_data');
} );

var zone = document.getElementById('dropzone');
zone.addEventListener('dragenter', function (evt) {
    evt.stopPropagation(); evt.preventDefault();
    console.log( '>>>', evt.dataTransfer.getData( 'test' ) );
} );

非常感谢您的帮助。

注意:为了安全起见,只能从ondrop事件处理程序中调用getData方法


参考资料:

适用于firefox和chrome,但不适用于safari:(