ホットキーと.load（）の問題

Question

ホットキーを使用するウェブページがあります。ホットキーの一つがload()機能を活性化させるイベントを開くまで

function HOTKEYS(){ 
    var keys = {}; 
    $(document).keydown(function(e) { 
    keys[e.which] = 1; 
    if (keys[80] == 1 && keys[18] == 1) { 
     $('input[name=customer]').focus(); 
    } 

    if (keys[65] == 1 && keys[18] == 1) { 
     $('input[name=product]').focus(); 
    } 

    if (keys[86] == 1 && keys[18] == 1) { 
     add_conn(); 
    } 

    if (keys[83] == 1 && keys[18] == 1) { 
     edit_price(); 
    } 

    console.log(keys); 
    }); 

    $(document).keyup(function(e){ 
    delete keys[e.which]; 
    }); 
} 

ホットキーは、正常に動作します。その後、関数HOTKEYS()は機能しなくなります。

.load（）イベントの後にHOTKEYS（）関数を追加しないで修正する方法はありますか？

Answer 1

(function(){ 
    var keys = {}; 
    $(document).on('keydown',function(e) { 
     keys[e.which] = 1; 
     if (keys[80] == 1 && keys[18] == 1) { 
      $('input[name=customer]').focus(); 
     } 

     if (keys[65] == 1 && keys[18] == 1) { 
      $('input[name=product]').focus(); 
     } 

     if (keys[86] == 1 && keys[18] == 1) { 
      add_conn(); 
     } 

     if (keys[83] == 1 && keys[18] == 1) { 
      edit_price(); 
     } 

     console.log(keys); 
    }); 

    $(document).keyup(function(e){ 
     delete keys[e.which]; 
    }); 
}()); 

このようにしてください。