jquery - Jqueryテキストエリアを動的に挿入し、入力された新しい文字を検出する

Question

テキストエリアを動的に挿入しています。コンテンツがあります。ユーザーが新しいコンテンツを入力すると、新しいコンテンツと古いコンテンツを隠しフィールドに保存する必要があります。

を使用しました.live('change',function() { } });が、これは機能しません。どのイベントを使用してトリガーする必要がありますか。

Answer 1

keyupの代わりに使用するとchange、フォーカスがテキストボックスの外に出たときに変更が発生します。live代わりに使用することをお勧めしますon。

.live('keyup',function() { } });

change イベントは、値が変更されたときに要素に送信されます。このイベントは、要素、ボックス、および要素に限定されます。選択ボックス、チェックボックス、およびラジオ ボタンの場合、ユーザーがマウスで選択を行うとすぐにイベントが発生しますが、他の要素タイプの場合、要素がフォーカスを失うまでイベントは延期されます。参照

動的に追加されたテキストエリアをバインドするために on を使用します。

$(document).on("keyup", ".textAreaClass", function(){
   alert("");
});

documentparentセレクター内は要素セレクターで置き換えることができます

Answer 2

keyupそのキーのデフォルトアクションが実行された後、ユーザーがキーを離したときにイベントが生成されるため、イベントを使用する必要があります。

また、は新しいバージョンの から非推奨になっている.on()ため、使用することもできます。.live()jQuery

.on('keyup',function() { } });

Answer 3

これを試して..

 <textarea rows="3" cols="50"  name="" id="qcnotes" class="input-xlarge focused" style="width:100%" placeholder="Enter Notes" onkeyup="functionname(this.value)"></textarea>