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

Question

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

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

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

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

但是，为了让我的应用正常工作，点击事件(以及所有其他鼠标事件)需要在相同的 X-Y 位置注册。

我真正需要做的就是将 e.pageX 和 e.pageY 传递给新的点击功能，因为这两个 div 完全重叠(也就是相同的 4 个 Angular ) - 但是我不确定该怎么做。使用 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​​ 位置注册点击”。