为什么ondrop无法正常工作？

Question

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

这是一个柱塞：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>

我把警报放在那儿只是为了看看是否可以得到一些有关放置事件的指示。我添加了ondragenter和ondragleave主要是为了查看是否有任何事件。我似乎得到了那些事件。我省略了接收放置事件所需的哪些内容？还需要其他什么魔术？

我的目标是将其与AngularJS结合起来，但是我需要简化才能在此处提出问题。

Answer 1

这是剩下的唯一魔力：

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

朋克