相关疑难解决方法(0)

Drag'n'drop dataTransfer.getData为空

我正在努力让拖拉机工作,但我似乎完全忽略了getData/setData的工作原理.

我正在使用此代码(http://jsfiddle.net/ASKte/218/)

var el = angular.element(document.getElementById('drag'));
el.attr("draggable", "true");
el.bind("dragstart", function(e) {
    e.dataTransfer.setData('text', 'Where have you gone?!?!')         
});

var target = angular.element(document.getElementById('drop'));
target.bind("dragover", function(e) {
    if (e.preventDefault) {
        e.preventDefault(); // Necessary. Allows us to drop.
    }
    return false;
});

target.bind("dragenter", function(e) {
    console.debug(e.dataTransfer.types);
    console.debug(e.dataTransfer.getData('text'));
});
Run Code Online (Sandbox Code Playgroud)

我在这里使用AngularJS,因为这是一段更大的代码片段.

出于某种原因,当拖动底部正方形的顶部正方形时,getData('text')的值始终为空,但我不知道为什么......

有任何想法吗?

提前致谢.

javascript drag-and-drop angularjs

9
推荐指数
2
解决办法
6160
查看次数

标签 统计

angularjs ×1

drag-and-drop ×1

javascript ×1