动态添加表上的按键

Question

我试图创建Jquery函数来检测动态添加表中的keydown， 但它不会工作： 这是我的代码

while

这是我的html：

$(document).ready(function(){
   $('#create').on('click',function(){
      $('#test').append(<table class='dynamic'><tr><td><div class="focus">Name</div></td></tr><tr><td>address</td></tr>)
     });
   $(document).keydown(function(e){
      if($(e.target).closest('table').hasClass('dynamic')&& $(e.target).hasClass('focus'))
        {
          alert('ok');
        };
    })
 });

请帮我忙

Answer 1

我在您的样本中发现了几个错误。首先，如果没有输入字段，则将在文档元素上触发任何keydown事件，并且永远不会使条件成立。其次，是代码问题。如果不将DOM元素包装到jQuery对象中，就无法使用jQuery函数。 if(e.target.closest('table').hasClass('dynamic')

例如，我为您制作了一个示例。另外，我猜您可能对这种实现感兴趣，但是使用fiddle事件，这对于您的情况会更好