Jquery可编辑的DataTable，单元格的keyup事件

Question

我有一个html表，用于从数据库中收集行。 我想编辑表中的特定单元格，它工作正常，但我想要一个键盘事件到该单元格。在我完成类似in'change'事件的输入之前它一直有效的问题。

HTML code：

<table id="mainTable" class="table table-striped">
    <thead>
       <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Country</th>
          <th>City</th>
       </tr>
    </thead>

    <tbody>
         @foreach (var item in Model)
         {
            <tr>
               <td>@item.id</td>
               <td>@item.name</td>
               <td>@item.country</td>
               <td>@item.city</td>
             </tr>
          }
    </tbody>
</table>

Jquery：

var table = $("#mainTable").DataTable({
        "paging":   false,
        "ordering": false,
        "info":     false,
        "searching":false,
        "bDestroy": true
});

ct = 0;
$('#mainTable').on('keyup', 'td', function(){
    table.rows().every(function(rowIdx, tableLoop, rowLoop) {
        alert(++ct);
    });
});

可编辑表格文件：

$(function () {
    $('#mainTable').editableTableWidget({ 
        editor: $('<input>'),
        preventColumns: [1, 2, 4] 
    });
});

任何帮助都将不胜感激。