为什么 ondrop 不起作用？

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

这是一个笨蛋：http://plnkr.co/edit/qGEdYO8okRZAR3bnZrNk?p=preview 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 连接起来，但我需要简化才能在这里提出问题。

这是唯一剩下的魔法：

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

plunkr http://plnkr.co/edit/2mW3NR0QBuPI59sDEDRo?p=preview