div正在阻止我的鼠标事件

Question

我在富html应用程序中遇到鼠标事件的问题。

我有一个大胖子'半透明'div覆盖屏幕的一半（该死的设计师）。我们叫他A。

在这个A div后面，有一个叫做B的大容器。

在B内部，有4个div应该响应mouseover和mouseout事件。我们可以称它们为C1，C2，C3和C4。

不幸的是，大胖子A div阻止了我所有的javascript / jquery事件。

这可以解决一些变通方法，但事情就是这样：

• 此错误出现在自制的JavaScript引擎中。我知道B但是我不应该知道站在B里面的C元素（或它们的ID）。 所以我既不能使用坐标技巧也不能使用if / else workarounds。
• 应用程序应该在电视上运行（在一个奇怪的歌剧版本内）。所以没有'指针事件'css技巧。
• 请不要告诉我重新设计我的应用程序：）

我试图处理（有和没有jquery）来自A的事件并将其触发到B.它可以工作，但是B不会将它转发给它的C子，再一次，我不知道它们是通过提前

非常感谢你的帮助。

Answer 1

这是你做的。大多数browsers支持css pointer events。

在这些浏览器上使用：

#big-blocking-div {
  pointer-events: none;
}

对于不支持此css功能的浏览器，请执行此操作

#big-blocking-div {
  display : none;
}