jQuery mousing over an element without mouseover event listener

[myselfolli]

Okay, so I have a very specific problem, maybe one of you guys can help me out:

 

I'm currently building my own Drag & Drop API, mostly because I dislike the APIs that are publicly available for one reason or another (and because I want to learn). But I've hit a dead end.

I've gotten my element to move with the mouse when I click it, so far so good. But now I want to be able to detect when I move the element (so my mouse) over a designated 'drop zone':

 

But I can't use jQuery's 'mouseover' event listener, since I am actually not moving my mouse over the drop zone, but over the element which I am moving, which is over the drop zone. I guess you could say the elemen I am moving is 'shielding' the drop zone and preventing the event listener from ever firing.

 

Do you guys have any idea?

 

P.s.: yes I know my explanation sucks.

 

Edit: Essentially the drop zone has a lower z-index than the element I am moving

Edited February 5, 2019 by myselfolli
Better explanation... kinda

[myselfolli]

Nvm, I just found this (CSS, attatched to the element I am moving):

#movingElement {
  pointer-events: none;
}