javascript - 将事件数据传递给javascript中的事件处理程序

Question

我有两个 div :

<div id="div1"></div>
<div id="div2"></div>

并且我有以下用于 div1 的 jquery:

 $('#div1').click(function(e)
{
alert(e.pageX + ' ' + e.pageY);
});

.现在，我想触发 div1 的点击事件处理程序以在点击 div2 时执行。为此我写道:

$('div2').click(function(e)
{
$('#div1').trigger('click');
});

它工作正常，但问题是我无法在 div1 的事件处理程序中获取 e.pageX 和 e.pageY。如何将 div2 单击事件处理程序的事件数据即 e 传递给 div1 单击事件处理程序。请帮忙。

Answer 1

因为你要触发的事件是同一类型的，你可以直接传递旧的事件对象:

$('#div2').click(function (e) {
    $('#div1').trigger(e);
});

对于不同类型的事件，您可以创建自定义事件对象:

$('#div2').mouseenter(function (e) {
    var newE = jQuery.Event('click');
    newE.pageX = e.pageX;
    newE.pageY = e.pageY;
    $('#div1').trigger(newE);
});