title: Event when dragging item out of menu
body: <p>I have a menu of images that I can drag out of the list and will snap back in place using <a href="https://packery.metafizzy.co/draggable.html" rel="nofollow noreferrer">packery</a></p>
  
  <pre><code>&lt;div id="menu"&gt;
          &lt;div class="img"&gt;
                 &lt;Img src="..."/&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I would like to know when one of the the images is dragged outside of the list. 
  I tried a lot of MouseEvent Listeners but  because the image stays under my mouse I never really leave the div.</p>
  
  <p>At the moment I use the position of the cursor and compare it relatively to the border of the menu but I was wondering if there was a cleaner way to accomplish this in native JS or jQuery</p>