Невозможно получить динамически добавленное значение textarea при нажатии клавиши

Question

Все это было хорошо, а теперь я пересматриваю коды для других функций, теперь эта глупая проблема возникает, и я не знаю, почему это происходит.

Markup в JQuery для текстового поля

+'<div class="ckit-container__ft" data-ckit-footer>' 
      +'<form action="" class="ckit-composer-form">' 
       +'<div class="ckit-composer">' 
        +'<textarea data-ckit-composer-textarea placeholder="Add your reply" autocomplete="off" name="message" class="form-control ckit-composer__textarea"></textarea>' 
       +'</div>' 
      +'</form>'  
     +'</div> 

Binding нажатие клавиши событие

jQuery(function($){ 
jQuery('body').bind('keypress','[data-ckit-composer-textarea]',function(event) 
{ 
console.log(jQuery('[data-ckit-composer-textarea]').val());//returns empty 
console.log(jQuery(this).val());//returns empty string 
}); 
}); 

Поскольку HTML разметке существует вне $(function(){..}), я даже пытался клонировать шаблон и найти соответствующий атрибут замените, но не повезло.

var fullChatView = '<div class="ckit-container__ft" data-ckit-footer>' 
       +'<form action="" class="ckit-composer-form">' 
        +'<div class="ckit-composer">' 
         +'<textarea data-ckit-composer-textarea placeholder="Add your reply" autocomplete="off" name="message" class="form-control ckit-composer__textarea"></textarea>' 
        +'</div>' 
       +'</form>'  
      +'</div>'; 

var test = $(fullchatView).clone();//ReferenceError: fullchatView is not defined 
var val = test.find('[data-ckit-composer-textarea]').val(); 
console.log(val); 

Answer 1

jQuery('body').on('keypress','[data-ckit-composer-textarea]',function(event) { }); 

Documentation

По JQuery 1.7, метод .on() является предпочтительным способом для прикрепления обработчиков событий к документу. Для более ранних версий метод .bind() используется для привязки обработчика события непосредственно к элементам.

Answer 2

Попробуйте использовать jQuery.parseHTML()

где вы делаете клон

Answer 3

В первом примере кода, изменение .bind() в .on() и использовать keyup event, а не keypress event.

Попробуйте следующее:

jQuery(function($) { 
    // Note: The $ parameter passed in to this callback function 
    // represents the jQuery object, so you can safely use $ inside 
    // this function. 
    $('body').on('keyup', '[data-ckit-composer-textarea]', function() { 
     console.log($(this).val()); 
    }); 
}); 

Когда keypress event обжигают, значение текстового поля до сих пор не был изменен, чтобы включить нажатой клавишу.