jquery - 触发()后未给出鼠标位置

Question

问题非常简单:

$('#btn1').click(function(event){
    alert(
        "pageX: " + event.pageX +
        "\npageY: " + event.pageY
    );
});

$('#btn2').mouseout(function(e){
   $('#btn1').trigger('click');
});

第二个按钮警告 undefined variable 。有没有办法在传递鼠标位置时触发点击事件？

这是一个jsfiddle .

Answer 1

试试这个

$('#btn1').click(function(event){
    alert(
        "pageX: " + event.pageX + 
        "\npageY: " + event.pageY
    );
});

$('#btn2').click(function(e){
    $('#btn1').trigger(e);
});

只需传递包含所有内容的原始事件对象即可。

​DEMO .

您还可以创建自定义事件对象并按如下方式传递它

$('#btn2').click(function(e){
    var evt={
        'type':'click',
        'pageX':e.pageX,
        'pageY':e.pageY
    };
    $('#btn1').trigger(evt);
});

DEMO .