javascript - 为什么 ondrop 不起作用？

Question

我试图让拖放工作，但我正在将一个函数连接到“ondrop”事件，但该函数从未被调用。

这是一个Plunker:http://plnkr.co/edit/qGEdYO8okRZAR3bnZrNk?p=preview

这是简单的接线示例:

<script>
var holder = document.getElementById('holder');

holder.ondragenter = function (e) { 
    this.className = 'nicenice lvl-over'; 
    return false; 
};
holder.ondragleave = function () { 
    this.className = 'nicenice'; 
    return false; 
};
holder.ondrop = function (e) {
    e.preventDefault();
    console.log("GOT DROP EVENT");
    alert("dropped here");
};
</script>

我把警报放在那里只是为了看看我是否能得到一些关于得到 drop 事件的迹象。我添加了 ondragenter 和 ondragleave 主要是为了看看我是否收到了任何事件。我似乎得到了那些事件。我遗漏了什么是接收丢弃事件所必需的？还需要什么其他魔法？

我的目标是将它与 AngularJS Hook ，但我需要简化才能在这里提出问题。

Answer 1

这是唯一剩下的魔法:

holder.ondragover = function (e) { 
  e.preventDefault() 
}

plunkr