如何使用JQuery以编程方式单击特定div上的特定X-Y位置？

Question

我有两个完全相互重叠的div。上面的div是部分透明的HTML5画布，不透明的部分与鼠标悬停，点击，滚动等交互。

下面的div有一张地图（使用传单），同样它应该与悬停，点击，滚动等交互。

我可以通过如下代码在两个div中注册一次点击：

$("#canvas").click(function(e){
    $('#map').click();
}

但是，为了使我的应用程序正常工作，click事件（以及所有其他鼠标事件）需要在相同的X-Y位置注册。

我真正需要做的就是将e.pageX和e.pageY传递给新的点击功能，因为两个div完全重叠（AKA相同的4个角） - 但是我不确定如何做到这一点。使用JQuery（或任何其他替代方法），如何在div #map中的特定X-Y位置注册点击？

Answer 1

  // Create a new jQuery.Event object with specified event properties.
  var e = jQuery.Event("click", { pageX: pageX, pageY: pageY });

  // trigger an artificial keydown event with keyCode 64
  jQuery("#map").trigger( e ); 

这将“在div #map中的特定X-Y位置注册一次点击”。