Drop event not firing in chrome

by

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.

More Related Contents:

  1. What is the difference between the mouseover and mouseenter events?
  2. HTML5 dragleave fired when hovering a child element
  3. Preventing click event with jQuery drag and drop
  4. How to stop default link click behavior with jQuery
  5. How can I get jQuery .val() AFTER keypress event?
  6. jQuery event that triggers after CSS is loaded?
  7. Get the clicked object that triggered jquery blur() event [duplicate]
  8. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  9. Check if an image is loaded (no errors) with jQuery
  10. jQuery Event Keypress: Which key was pressed?
  11. How to capture the browser window close event?
  12. Definitive way to trigger keypress events with jQuery
  13. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  14. How do you log all events fired by an element in jQuery?
  15. How to bind Events on Ajax loaded Content?
  16. Event delegation vs direct binding when adding complex elements to a page
  17. Jquery: change event to input file on IE
  18. Attach an event in a child iframe to a handler in the parent window
  19. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  20. Detect Close windows event by jQuery
  21. window.resize event firing in Internet Explorer
  22. jQuery change event on not firing in IE
  23. How to detect if the user clicked the “back” button
  24. Disabling middle click scrolling with javascript
  25. jQuery: How to listen for DOM changes?
  26. Prevent browser from loading a drag-and-dropped file
  27. jQuery .on() method doesn’t see new elements
  28. Cancel click event in the mouseup event handler
  29. Unloading/Removing content from an iFrame
  30. jquery keypress event object keyCode for firefox problem?

Leave a Comment