Javascript HTML5拖放在特定情况下不起作用

您能告诉我们是否有HTML5丢弃事件引发的任何特殊情况吗。 我发现HTML5的drop事件有一个奇怪的问题，我坚持使用它。我确信我一定是做错了什么。这里的情况是。。这是我定义的放置区域。当我从桌面拖动元素，甚至文件时，这段代码工作得非常好。 但是我在应用程序中有一个特殊的小部件，它有div，table td's，draggable设置为true，虽然我可以拖动这些元素，但是当我移动这个被拖动的元素或将被拖动的元素放到拖放区域时，不会触发拖放事件

<div class="drop">drop here</div>
<script>
$(document).ready(function() 
 {

    $('.drop').on('drop dragdrop',function(event){
    alert('dropped');
});
$('.drop').on('dragenter',function(event){
    event.preventDefault();
    $(this).html('drop now').css('background','blue');
})
$('.drop').on('dragleave',function(event){
    $(this).html('drop here').css('background','red');
})
$('.drop').on('dragover',function(event){
    event.preventDefault();
})


 });
</script>

---

对我来说似乎很好。请更具体地说明，当投球未发射时，您到底在拖动什么？@mkaatman这似乎与您不一致…@mkaatman-虽然我们需要通过事件，但这里的问题是函数根本没有发射。