将事件重新发送到页面答案

【问题标题】：resend event to page将事件重新发送到页面
【发布时间】：2012-12-24 23:00:07
【问题描述】：

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

让我解释一下：

一个框 <div> 位于图像 <img> 上，如下所示：

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

一旦用户点击box，它就会移动到另一个位置，但图像必须同时点击，这两个元素必须同时点击。（解释原因很长）

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

【问题讨论】：

【解决方案1】：

你可以试试这个：

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

并且没有 jQuery：

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

【讨论】：

【解决方案2】：

为什么不对图片调用click方法呢？

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

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

【讨论】：