jQuery箭头键功能停止，同时在表的最后一行添加文本框

Question

这是我的jquery代码，我想继续我的箭头键功能。

$(document).ready(function () {
 $('input').keyup(function (e)  {

    switch (e.keyCode) {
        case 37:
           // alert('left');      
          $(this).closest('td').prev().find('input').focus();  
            break;
        case 38:
          // alert('up');
             $(this).closest('tr').prev().find('td:eq(' + $(this).closest('td').index() + ')').find('input').focus();
            break;
        case 39:
           // alert('right');
            $(this).closest('td').next().find('input').focus();  
            break;
        case 40:
           // alert('down');            
            var checkRow = $(this).closest('tr').index() + 1;
            var totalRows = $(this).closest('tbody').find('tr').length;

            if (checkRow == totalRows)
            {
                    //here's my additional table row
                     var add= $(this).closest('tr').clone().appendTo($(this).closest('tbody').parent());
                     //i want to continue arrows key for additional textbox in my new row. 
            }

             $(this).closest('tr').next().find('td:eq(' + $(this).closest('td').index() + ')').find('input').focus();   

            break;
    } }); });

Answer 1

您不将keyup事件添加到新创建的input s中。 代替$('input').keyup(fn)仅将事件添加到现有input是使用$(document).on('keyup', 'input', fn) 。 它监听文档并在到达每个input选择器时触发。 API文档中的示例。