title: Why is event.preventDefault() in dragstart interrupting furthur drag events from executing?
body: <p>I am trying to drag over an image and in order to stop the browser's default image drag, I am using event.preventDefault(). But for some reason it is interrupting further events like dragenter, dragover, dragend etc from executing. Why is this and How can I stop browser's default function without interrupting normal drag events.</p>
  
  <pre><code>&lt;img src="/img/image1" id="img1"/&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>var obj=$('#ironman');  
  obj.on('dragstart', function (e) {
        //e.preventDefault();
        console.log("dragstart");
    });
  
    obj.on('dragenter', function (e) {
        console.log("dragenter");
    });
  
    obj.on('dragover', function () {
        console.log("dragover");
    });
    obj.on('dragleave', function () {
        console.log("dragleave");
    });
  
    obj.on('dragend', function () {
        console.log("dragend");
    });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/e6P8b/" rel="nofollow">JSfiddle</a></p>