HTML5: dragover(), drop(): how get current x,y coordinates?

by

The properties clientX and clientY should be set (in modern browsers):

function drag_over(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}
function drop(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}

Here’s a (somewhat) practical example that works in Firefox and Chrome.

More Related Contents:

  1. How do I remove a file from the FileList
  2. Does HTML5 allow drag-drop upload of folders or a folder tree?
  3. How to simulate HTML5 Drag and Drop in Selenium Webdriver?
  4. drag drop files into standard html file input
  5. HTML5 dragleave fired when hovering a child element
  6. HTML5 drag and drop file upload to Java Servlet
  7. How FileReader.readAsText in HTML5 File API works?
  8. ‘dragleave’ of parent element fires when dragging over children elements
  9. HTML5 drag and drop between windows
  10. HTML5 Drag and Drop anywhere on the screen
  11. HTML5 Drag & Drop Change icon/cursor while dragging
  12. Is there a good jQuery Drag-and-drop file upload plugin? [closed]
  13. Internet Explorer 9 Drag and Drop (DnD)
  14. Simulate drop file event
  15. How to make resizeable?
  16. Prevent browser from loading a drag-and-dropped file
  17. How to use jQuery’s drop event to upload files dragged from the desktop?
  18. HTML5 drop event doesn’t work unless dragover is handled
  19. Detecting HTML5 Drag And Drop support in javascript
  20. How to determine presence of HTML5 drag’n’drop file upload API (like the one from FF3.6)
  21. html5 drag and drop FOR MOBILE [duplicate]
  22. Html5 drag and drop on svg element
  23. Using an HTML button to call a JavaScript function
  24. How to make ng-bind-html compile angularjs code
  25. Bootstrap – align button to the bottom of card
  26. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  27. Strip all HTML tags except links
  28. Getting iPhone GO button to submit form
  29. Getting net::ERR_UNKNOWN_URL_SCHEME while calling telephone number from HTML page in Android
  30. How to play CSS3 transitions in a loop?

Leave a Comment