Mouse event that triggers the underlying element when the mouse pointer is blocked by a high-level element

When you do this drag-and-drop effect, you encounter a problem:

The dragged element is always in a higher layer and follows the mouse movement, which blocks the mouse, causing it to fail to trigger any event of the underlying element. This way the underlying elements will not be able to respond to the dragged events.

Inspired by this passage: http://www.vinylfox.com/forwarding-mouse-events-through-layers/

The idea of the final implementation is that in the MouseOver event:

1. Hide high-level elements

2. Get the highest level dom of the current position based on coordinates

3. Triggering events manually

Element.hide () var over=document.elementfrompoint (me.clientx,me.clienty)//Manual trigger event if (over && Over.onmouseenter) Over.onmouseenter (Me); Element.show ();

　　

Mouse event that triggers the underlying element when the mouse pointer is blocked by a high-level element