javascript - 如何删除/禁用appendTo元素上的提交？

Question

我创建了一个函数来使用回车键聚焦下一个输入，并禁用表单上的提交。它工作正常，但是当我使用appendTo函数添加输入字段时，它将重新激活表单上的提交功能。我想使用 Enter 键而不是 Tab 键来聚焦输入字段。

这是我的功能:

$('input').keydown(function (e) {
    if (e.which === 13) {
        var index = $('input').index(this) + 1;
        $('input').eq(index).focus().val("");
        return false;
    }
});

还有我的appendTo函数

var inputs = $('<input type="text" name="inputBasic[]" value="" class="form-control" />');
inputs.appendTo($("#dc_step_inputs"));

添加动态输入栏时如何去掉提交功能？ 谢谢您的解答!

Answer 1

您正在将 keydown 事件处理程序绑定(bind)到一组静态元素(其中不包括附加事件处理程序后动态添加的任何元素)，使用委托(delegate)绑定(bind)到显示的任何元素在您的表格下:

$('#parent-form-id').on('keydown', 'input', function(e){
   if (e.which === 13) {
      var index = $('input').index(this) + 1;
      $('input').eq(index).focus().val("");
      return false;
   }
});