Создать строку таблицы при нажатии Enter Key

Question

Я динамически создаю таблицу html. Здесь для каждой строки два столбца создаются рекурсивным вызовом. Просто, когда нажата вторая ячейка, создается новая строка и так далее. Но я хочу заменить кнопку нажатием клавиши «Ввод». Я попробовал, код отлично работает для создания новой строки, нажав, но не нажав клавишу Enter.

function CreateRow(){ 
    // Find a <table> element with id="myTable": 
    var table = document.getElementById("myTable"); 

    // Create an empty <tr> element and add it to the 1st position of the table: 
    var row = table.insertRow(); 

    // Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element: 
    var cell1 = row.insertCell(0); 
    var cell2 = row.insertCell(1); 
/** $(cell2).bind('click', function() { 
     CreateRow(); 
    }); 
*/ 
$(cell2).keydown(function (e){ 
    if(e.keyCode == 13){ 
     CreateRow(); 
    } 
}); 


    // Add some text to the new cells: 
    cell1.innerHTML = "NEW CELL1"; 
    cell2.innerHTML = "NEW CELL2"; 

} 

Просьба помочь.

Answer 1

Вместо привязки события keydown к ячейке таблицы привяжите его к документу.

$(document).keydown(function (e) {