HTML5 D& D丢失数据传输数据,请指教

时间:2015-07-08 20:10:18

标签: javascript html5 drag-and-drop

我做了一个小型演示但是通过dataTransfer附加的数据丢失了。 这是我的代码示例:

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' ) );
} );

http://jsfiddle.net/U24sC/33/

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

“注意:出于安全考虑,只能从ondrop事件处理程序中调用getData方法。”

参考:Apple