Internet Explorer 9 Drag and Drop (DnD)

by

I’ve found a workarround to make the native dnd api also work in IE with elements other than links and images. Add a onmousemove handler to the draggable container and call the native IE function element.dragDrop(), when the button is pressed:

function handleDragMouseMove(e) {
    var target = e.target;
    if (window.event.button === 1) {
        target.dragDrop();
    }
}

var container = document.getElementById('widget');
if (container.dragDrop) {
    $(container).bind('mousemove', handleDragMouseMove);
}

// todo: add dragstart, dragover,... event handlers

More Related Contents:

  1. How do I create a text box in HTML? [closed]
  2. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  3. Why does IE9 switch to compatibility mode on my website?
  4. ie9 border radius
  5. HTML5 drag and drop file upload to Java Servlet
  6. HTML5 doctype putting IE9 into quirks mode?
  7. Should the HTML Anchor Tag Honor the Disabled Attribute?
  8. How to make resizeable?
  9. HTML5 – mp4 video does not play in IE9
  10. Target IE9 Only via CSS [duplicate]
  11. Ordered list showing all zeros in IE9
  12. Menu does not align correctly in Safari
  13. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  14. How can I expand floated child div’s height to parent’s height?
  15. Adding HTML entities using CSS content
  16. How can I find an element by CSS class with XPath?
  17. Should I use px or rem value units in my CSS? [closed]
  18. Why is it a bad thing to have multiple HTML elements with the same id attribute?
  19. Is HTML case sensitive?
  20. Difference between iframe, embed and object elements
  21. Bootstrap Accordion button toggle “data-parent” not working
  22. How can I make a display:flex container expand horizontally with its wrapped contents?
  23. CSS table-cell equal width
  24. How to make div’s percentage width relative to parent div and not viewport
  25. Draw Circle using css alone [duplicate]
  26. Why my inline-block divs are not aligned when only one of them has text? [duplicate]
  27. Fixed Header, Footer, and Sidebars with scrolling content area in center
  28. HTML input field OUTSIDE of a form
  29. Images not displaying in Github Pages?
  30. Using sprites with IMG tag?

Leave a Comment