Javascript 如何将单击事件从一个div传递到另一个div？

我需要找到一种方法将单击事件从上面的div传递到下面的div（并忽略较高div上的单击）。 有一种已知的方法可以模拟单击事件并将其传递给另一个div，但这不是一种自然行为，也是最不需要的选项。

似乎事件冒泡在这里没有帮助，因为顶部的div不包含在下面的div中

有什么想法吗

下面是一个JSFIDLE示例：

---

如果删除“overlay”div，可以单击其中任一元素。当它在那里时，你不能。可以将事件传递给下面的div，但是，位置很重要-可以有一个链接，我希望用户能够单击该链接

通过单击另一个div，可以在一个div上触发click事件

您可以创建一个事件，如单击事件

//A function to fire an event
function eventFire(el, etype){
    if (el.fireEvent) {
      el.fireEvent('on' + etype);
    } else {
      var evObj = document.createEvent('cClick');
      evObj.initEvent(etype, true, false);
      el.dispatchEvent(evObj);
    }
}

var div1 = document.getElementByID("firstDiv"); //find the first div
div1.onClick = function() { //attach a onclick event
   //Now select the element and fire the event
   var div2 = document.getElementById("seconddiv"); //select the second div
   eventFire(div2, 'click'); //fire the click event
};

---

是否需要用于渲染目的的div结构？-我想您可以将第一个div设置为显示inline，然后在其中浮动其他div，使外部div的高度为0，然后您可以单击其中的每个div。

将此css属性添加到覆盖

div

：

   pointer-events: none;

---

您可以在以下网址了解更多信息：

这是一个好问题，所以+1，但我们需要更多细节来回答这个问题。检查我的答案，我收到你的问题了吗？在ie上也测试一下-我认为它只在webkit和firefox上受支持。在jquery$（'#firstDiv'）。单击（函数（）{$（'#seconddiv'）。单击（）