title: drop file js get main id
body: <p>My HTML page</p>
  
  <pre><code>&lt;div id="myID" class="front" onMouseOver="oneffect(); ondragover="dragover(this);" ondragleave="dragleave(this);"&gt;
      &lt;img class="withUpload" src="../img/withUpload.png"/&gt;
      &lt;span class="nbreResult"&gt;20&lt;/span&gt;
      &lt;span&gt;
           &lt;h1&gt;Title&lt;/h1&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My listener JS</p>
  
  <pre><code>window.addEventListener("drop",function(e){
      alert(e.target.id);
      e.preventDefault();
      getFile(e.dataTransfer, e.target.id)
  },false);
  </code></pre>
  
  <p>When I drop a file on my div, I wanna get the ID, but I just realised that if the user drop his file on a children (title, img, span), then I won't get any ID, because they don't have one. So the users have to drop on "free zone". How can I do to get my DIV ID everywhere in the DIV and not just on "free zone". 
      <img src="https://i.stack.imgur.com/DlvWx.png" alt="Example"></p>
  
  <p>You can see <a href="http://jsfiddle.net/t4wC9/3/" rel="nofollow noreferrer">my fiddle</a> as well
  Hope I m clear!</p>