无法收听克隆的键盘输入

时间:2019-08-24 04:31:46

标签: javascript jquery

抱歉,这是基本的要求。

在这里阅读后,我改变了:

 $('input,textarea').keyup(function()

$('input,textarea').on('keyup', function()

在我的克隆元素上:

   var cln = item.cloneNode(true); //true

并且我只能听divs,即我文档中加载文件的位置,而不是后来克隆的文件。

我也尝试过:

   var cln = item.cloneNode(true, true);

在阅读以下内容后:jQuery clone() not cloning event bindings, even with on()

1 个答案:

答案 0 :(得分:1)

如果将克隆的元素附加到.container,请尝试

$('.container').on('keyup', 'input,textarea', function(){...

演示:

$('.container').on('keyup', 'input,textarea', function(){
  console.log(this.value);
});

//var cln = item.cloneNode(true); //true
$('input').clone().appendTo('.container');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <input />
  <textarea>Hi</textarea>
</div>