Keyupイベントがページの読み込み時に起動しない

Question

"ウィンドウロゴキー" + "上矢印"キーイベントのキーの組み合わせを検出するコードを実装しました。ユーザーがテキストボックス内をクリックし、「Win +上矢印」を押したときに警告メッセージを表示しています。それは手動でうまくいきました。しかし、私はページの負荷で同じことをトリガーしようとしています、その動作しません。

$(document).ready(function() { 
 

 
    var e = jQuery.Event('keyup'); 
 
    e.metaKey = true; 
 
    e.which = 38; //up arrow 
 

 
    // Not working 
 
    $("#test").trigger(e); 
 

 
    // or 
 

 
    // Not working 
 
    $("#test").keyup(); 
 

 

 
    $("#test").keyup(function(e) { 
 

 
    if (e.which == 38 && e.metaKey == true) { 
 
     alert('win + Up arrow pressed'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="test" type="text" />

Answer 1

あなたはこの方法を試したことがありますか？ トリガーを呼び出す前に、イベントハンドラーを宣言しておく必要があります。

$("#test").on("keyup", function (e){ 
    if(e.which == 38 && e.metaKey == true) 
    { 
     alert('win + Up arrow pressed'); 
    } 
}); 
$("#test").trigger("keyup"); 

Answer 2

これは、keyupの呼び出し後にイベントハンドラを宣言したためです。

だからあなたのコードを動作させるために、あなたはIKEこれを、それを記述する必要があり：

$(document).ready(function() { 

    $("#test").keyup(function (e){ 
     if(e.which == 38 && e.metaKey == true) { 
      alert('win + Up arrow pressed'); 
     } 
    }); 

    $("#test").keyup(); 

});