title: Exact difference between drag and dragstart event type (?)
body: <p>From MDN Documentation I can read:</p>
  
  <blockquote>
    <p>Drag - Fired when an element or text selection is being dragged.
    Dragstart - Fired when the user starts dragging an element or text selection</p>
  </blockquote>
  
  <pre><code>https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
  </code></pre>
  
  <p>But ... why my function was ignored by browser when I attach it to "drag" event and was perfectly ok when I gave it "dragstart" instead?
  From the definition I assume that them both do the same (?)</p>
  
  <pre><code>function itemDrag(e) {
  e.dataTransfer.setData("text", e.target.id);  
  }
  
  
  document.getElementById("try1").addEventListener("dragstart",function(){
      itemDrag(event);
  });
  </code></pre>