javascript - 删除事件未在 Chrome 中触发

Question

似乎 drop 事件没有在我预期的时候触发。

我假设当被拖动的元素在目标元素上方释放时会触发 drop 事件，但事实并非如此。

我误会了什么？

http://jsfiddle.net/LntTL/

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

Answer 1

为了在 div 元素上发生 drop 事件，您必须取消 ondragenter 和 ondragover 事件。使用 jquery 和您提供的代码...

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

有关更多信息，请查看 the MDN page .