[解決済み] クロームで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');
})

どのように解決するのですか？

div 要素で drop イベントを発生させるためには、div 要素にある 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();
})

より詳しい情報は の MDN ページをご覧ください。 .