「Enter」のフォーカス実行機能付きボタン

Question

私のコードは以下の通りです。それは私がしたいことをやっている。私がやりたいことは、ユーザがキーボードを使用して.add-rowボタンをタップしてからenterを押すと、この関数を実行することです。それをどうやって作るのですか？

$('body').on('click', '.add-row', function(e) { 
    $(this).html('Hide').removeClass('add-row').addClass('hide-row'); 
    $(this).parent().parent().next().show(); 
}); 

Answer 1

私の理解では、ボタンにフォーカスがあり、ユーザーがイベントを開始するためにEnterキーを押してもらいたいのですか？もしそうであれば、.add-rowで:focus擬似クラスセレクタを使用することkeypressイベント

$("body").on("keypress", ".add-row:focus", function(e) { 
    var ENTER_KEY_CODE = 13; 
    if (e.keyCode === ENTER_KEY_CODE) 
    { 
     alert("Enter key pressed"); 
     // perform hide row and other operations here 
    } 
}); 

で動作するはず