使用javascript通過Enter鍵添加addNewRow

Question

我有以下代碼：

$(document).on('keypress', ".addNewRow", function(e){
    var keyCode = e.which ? e.which : e.keyCode;
    if(keyCode == 9 ) addNewRow();
});

按下“ Tab”鍵后，此代碼將執行addNewRow（添加表數據）。 這完美。 我想更改它以使其與“ Enter”一起使用，因此我進行了如下修改：

$(document).on('keypress', ".addNewRow", function(e){
    var keyCode = e.which ? e.which : e.keyCode;
    if(keyCode == 9,13 ) addNewRow();
});

由於某些奇怪的原因，這不能按預期方式工作。 我是否有其他方式無法做到這一點？ *在牆上的撞頭

編輯：也嘗試過這個：

$(document).on('keypress', ".addNewRow", function(e){
    var keyCode = e.which ? e.which : e.keyCode;
    if(keyCode == 9||13 ) addNewRow();
});

表格代碼（以防止在輸入時提交）：

<script type="text/javascript">
function tabE(obj, e) {
  var e = (typeof event != 'undefined') ? window.event : e; // IE : Moz

  var self = $(obj),
    form = self.parents('form:eq(0)'),
    focusable, next;

  if (e.keyCode == 13) {
    focusable = form.find('input,a,select,button,textarea').filter(':visible');
    next = focusable.eq(focusable.index(obj) + 1);
    if (!next.length) {
      next = focusable.first();
    }
    next.focus();
    return false;
  }
}
</script>
<!-- Prevent Enter from Submitting Form -->
<script>
                    $(document).on("keydown", "input", function(e) {
                    if (e.which==13) e.preventDefault();
                    });
                    </script>
    <!-- Begin page content -->

Answer 1

正確or聲明：

if (keyCode == 9 || keyCode  == 13)

Answer 2

https://jsfiddle.net/8bzn43r6/請參閱鏈接中的示例

<table>
<tbody>
  <tr>
    <td><input type = "text" id="username"/></td>
  </tr>
</tbody>
</table>

$(document).ready(function(){
    var count = 0;

  function addNewRow(){
    console.log("Added ROW" + count++);
    $("<tr><td><input type='text' id='username'/><td/><tr/>").appendTo("tbody");
  }

    $('tbody').on('keydown','#username',function(e){
     if(e.keyCode == 9 || e.keyCode == 13) addNewRow();
  });

});

像魅力一樣工作

Answer 3

您是否希望將自己作為OR？

if(keyCode == 9 || keyCode == 13 )

還是作為AND？

if(keyCode == 9 && keyCode == 13 )