Javascript 将事件重新发送到页面

我正在处理一个大项目，需要将事件重新发送到页面

让我解释一下：

图像上方有一个框，如下所示：

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

一旦用户单击

框

，它将移动到另一个位置，但必须同时单击图像，这两个元素必须同时单击。（解释原因需要很长时间）

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

您可以尝试以下操作：

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

如果没有jQuery：

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

---

为什么不调用图像上的

单击
方法

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

如果您需要捕获并传递
事件
参数，这可以非常简单。
我认为IE8与其他浏览器需要不同的语法。