使用jQuery将所有事件从一个元素传播到另一个元素

Question

我正在尝试为元素构造一个包装器，我想为我的包装器创建一个无缝集成。为了实现这一点，我想将所有事件从一个元素传播到另一个元素，以创建一个镜像来表达。

假设我有＃element-1和＃element-2。我给＃element-1一个'click'处理程序。所期望的行为是，无论何时发生单击，在＃element-1或＃element-2上，处理程序都应该触发。此外，如果为＃element-2分配了不同的“click”处理程序，则两个处理程序都应该触发。

不要担心无限冒泡，我会找到一种机制来对抗它。我的问题是如何为这两个元素的所有可能事件实现此事件镜像，而无需编写所有事件名称（我也想获取自定义事件，因此不能选择硬编码事件名称）？< / p>

我愿意接受可能不使用jQuery的解决方案，只要它能实现我所描述的内容。

Answer 1

假设div id中有10个锚元素＃event-1，＃event-2，...＃event-10。您可以编写事件处理程序，如下所示。

for(i=0;i<=10;i++) {
  if ($(".event-"+i).find('a').length > 0) {
    var g = $(".event-"+i).find('a');
    g.click(function(){
      /* Your code */
    });
  }
}