さて、私はフォームを持っていて、親フォームから開始して等しい新しいフォームを生成したいと考えています。これらのフォームのそれぞれが、フォームに入力された内容を で表示したいと考えていますが、そうするとp、イベントはすべての要素に動的に伝播されます。生成されます。対応するフォームを伝播させたかっただけです。
現在、次のコードを使用しています。
JS
jQuery(function(){
$(document).on('keyup','#il',function(){
$('p').append($(this).val());
})
$(document).on('click', '#btn',function(){
$("#in").append('<form>
<input id="il" type="text" size="20%">
<button id="btn" type="button">ADD</button>
<p></p><br />
</form>');
});
})
HTM
<div id="in">
<form>
<input id="il" type="text" size="20%">
<button id="btn" type="button">ADD</button>
<p></p><br />
</form>
</div>