javascript - 如何让鼠标事件在被另一个元素遮挡的元素上触发？

Question

我有一个元素在正常的 css 流中位置不对(它有绝对位置)。这意味着它会遮挡其他元素的区域。

我想要的是当鼠标事件发生在遮挡元素上时，下面的位置元素接收鼠标事件。

注意:我不想使用 css pointer-events: none 因为我仍然需要在模糊对象上查看鼠标事件。

看例子:

http://jsfiddle.net/7ZpAp/6/

我想让“三”元素接收鼠标事件。

---

其他信息/动机:我正在尝试使用 Jquery UI 实现拖放功能。 “二”元素从“一”拖到“三”类型元素。

元素(示例中的元素“two”)的放置应该发生在被遮挡的元素(“three”)上。可能有不止一个元素“两个”可以被放入 - 我希望事件检测它被放入哪个元素。

mouseup 事件是我正在检测的事件，处理程序附加到元素“三”。当前，当“三”出现在 dom 中的“一”之前而不是之后出现时，行为似乎发生了变化!我不知道为什么会这样。

Answer 1

尝试在“三”元素上设置 position: relative。