javascript - 将事件重新发送到页面

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
};

上的文档dispatchEvent

Answer 2

为什么不调用click图像上的方法？

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

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