jquery - trigger（）の後にマウスの位置が指定されていない

Question

問題は非常に簡単です。

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

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

2番目のボタンは、未定義の変数を警告します。マウスの位置を渡しているときにクリックイベントをトリガーする方法はありますか？

これがjsfiddleです。

Answer 1

これを試して

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

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

event objectすべてを運ぶオリジナルを渡すだけです。

デモ。

また、カスタムを作成しevent objectて、次のように渡すこともできます

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

デモ。