通过绝对定位的元素传递鼠标事件

Question

我试图捕获一个元素上有另一个绝对定位的元素上的鼠标事件。现在，绝对定位元素上的事件将其击中并冒泡至其父对象，但我希望它对这些鼠标事件“透明”并将其转发到其背后的任何对象。我应该如何实施呢？

Answer 1

如果您只需要按下鼠标，便可以通过以下document.elementFromPoint方法来实现该方法：

移除mousedown的顶层，

将事件的x和y坐标传递给document.elementFromPoint方法，以获取下方的元素，然后

恢复顶层。

Answer 2

也很高兴知道... 

可以为父元素禁用指针事件（可能是透明的div），但可以为子元素启用指针事件。如果您要处理多个重叠的div层，则可以在其中单击任何层的子元素，这将很有用。为此，所有育儿div的get pointer-events: none和click-children的指针事件均由重新启用pointer-events: all

.parent {

    pointer-events:none;        

}

.child {

    pointer-events:all;

}

<div class="some-container">

   <ul class="layer-0 parent">

     <li class="click-me child"></li>

     <li class="click-me child"></li>

   </ul>

   <ul class="layer-1 parent">

     <li class="click-me-also child"></li>

     <li class="click-me-also child"></li>

   </ul>

</div>