Drop event not firing in chrome
In order to have the drop event occur on a div element, you must cancel the ondragenter and ondragover events. Using jquery and your code provided… $(‘.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(); }) For more information, check out the MDN page.