javascript - jQuery:让一个元素充当另一个元素的事件代理

Question

我有两个元素相互叠加。我希望在最顶层元素上触发的任何鼠标事件都不会将该事件应用于最顶层元素，而是将其应用于其下方的元素。我该怎么做？

换句话说，具有最高 z-index 的元素应该出现在顶部但对鼠标事件不可见，因此它下面的元素会接收它们。

Answer 1

可以在上层元素的事件处理器中触发下层元素的事件:

 $('#top').click(function(e){
   $('#bottom').trigger(e);                   
 });

您可以将所有要代理的事件绑定(bind)在一起:

$('#top').bind('mouseenter mouseleave mousemove click etc', function(e) {
  $('#bottom').trigger(e);
});

我不确定 mouseX、mouseY、target 等发生了什么。