将事件重新发送到页面

Question

我正在开展一个大型项目，需要重新发送事件到页面。

让我解释一下：

框<div>位于图片<img>上方，如下所示：

 <div>
   <div id="box"></div>
   <img>
 </div>

用户点击box后，会移到另一个位置，但必须同时点击图片，必须同时点击这两个元素。 （很难解释原因）

也许可以将事件重新发送到同一位置，或者可能在当前鼠标位置创建另一个事件。

Answer 1

你可以试试这个：

$('selectorA').on('eventType', function(e){
    $('selectorB').trigger(e); // the SAME event
});

没有jQuery：

element.onSomeEvent = function(e){
   otherElement.dispatchEvent(e); // the SAME event
};

DOCs on dispatchEvent

Answer 2

为什么不在图片上调用click方法？

function OnclickOfBox()
{
    document.getElementById('imageID').click();
}

如果您需要捕获并传递event参数，可以相当简单地完成。