javascript - 按 Enter 键执行 jquery 函数

Question

好吧..这是我尝试执行一个函数，而不是从标签调用它..事情是..它不起作用..请注意，我对所有这些仍然内存犹新叹息

        <div class="widget first">
                <div class="head"><h5 class="iFrames">Static table</h5></div>
            <table id="example" cellpadding="0" cellspacing="0" width="100%" class="tableStatic">
                <thead>
                        <tr>
                        <td width="20%">Column 1</td>
                        <td width="20%">Column 2</td>
                        <td width="20%">Column 3</td>
                        <td width="20%">Column 4</td>
                        <td width="20%">Column 5</td>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

<input type="text" name="name" id="name" />

脚本将执行:

/* Global var for counter */
var giCount = 1;

$(document).ready(function() {
   $('#example').dataTable();
} );

function fnClickAddRow() {
    $('#example').dataTable().fnAddData( [
        $("#name").val(),
        giCount+".2",
        giCount+".3",
        giCount+".4",
        giCount+".5" ] );
     $("#name").val('').focus();
    giCount++;
}

$('#name').on('keyup', function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 13) {
       fnClickAddRow();
    }
});

现在，我尝试在输入时添加具有“name”值的新行。它不起作用:\..顺便说一下，在这个例子中我使用的是 DataTables ...

Answer 1

它对我有用:

http://jsfiddle.net/eCrJc/1/

尝试将 fnClickAddRow() 和 $('#name').on('keyup' 放入 $(document).ready 中> 并检查浏览器的控制台是否有任何 JavaScript 错误。