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

Question

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

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

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

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

但是，为了让我的应用程序正常工作，单击事件（和所有其他鼠标事件）需要在相同的 XY 位置注册。

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

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 中的特定 XY 位置注册点击”。