获取dataTransfer.getData('Text'))的内容;并比较它们

时间:2014-04-27 11:27:57

标签: javascript jquery drag-and-drop

我想要做的是,使用dataTransfer.getData(' Text')获取我收集的数据; 并查看它包含哪条消息,以便做想做的适当的事情。

请考虑以下代码。

document.getElementById('droppable').addEventListener('dragenter', function (e) { e.preventDefault() });
document.getElementById('droppable').addEventListener('dragover', function (e) { e.preventDefault() });
document.getElementById('droppable').addEventListener('drop', function (e) { 
    var a = e.dataTransfer.getData('Text'));
    if (a == "white"){
        alert("white!!");
    }
    else{
        alert("black!!");
    }

    e.preventDefault(); });

var draggables = document.querySelectorAll('[draggable=true]');

for (var i = 0; i < draggables.length; i++) {
    draggables[i].addEventListener("dragstart", function (e) { e.dataTransfer.setData('Text', this.getAttribute('data')); });
}

注意检查条件中缺少的是什么?

0 个答案:

没有答案