title: Drag and Drop code that works on FireFox but not IE
body: <p>I have the following drag-and-drop code. It works fine on Firefox but it does not work on IE.</p>
  
  <pre><code>//This function starts the event
  function dragStart(ev) {
      ev.dataTransfer.effectAllowed= 'move'; //Makes the element movable
      ev.dataTransfer.setData("Image", ev.target.getAttribute('id')); // Grabs the element by its id
      return true;
  }
  
  //Prevents default but does not turn it off
  function dragEnter(ev) {
      ev.preventDefault();
      return true;
  }
  
  //Turns off the dragover event and prevents default behavior
  function dragOver(ev) {
      return false;
  }
  
  //This function performs the actual drop
  function dragDrop(ev) {
      var oldImgId = ev.dataTransfer.getData("Image"); //The dragged element’s id is set to a variable
  
      ev.preventDefault();
      moveImg(oldImgId);
  }
  </code></pre>
  
  <p>I got these errors from IE when I attempt to drag an image:</p>
  
  <p>1)</p>
  
  <pre><code>'target' is null or not an object line 71
  line 71 refers to: ev.dataTransfer.setData("Image", ev.target.getAttribute('id')); // Grabs the element by its id
  </code></pre>
  
  <p>2)</p>
  
  <pre><code>Object doesn't support this property or method line 77
  line 77 refers to: ev.preventDefault();
  </code></pre>