타이핑 할 때 텍스트 표시

Question

나는이 하나가 단순한 것이라고 생각했지만 STO에 one post here을 제외하고는 아무것도 찾을 수 없었습니다.

문제는 코드가 작동하지 않습니다. 을 만들었으므로 직접 볼 수 있습니다. 여기

는 바이올린의 코드입니다 :

<textarea name="comment-box" id="comment-box" class="required"></textarea> 
... 
<p id="comment-preview"></p> 

내가 도움이 필요한 모든 것을 무슨 표시하는 방법은 다음과 같습니다 그러나

$('#someTextBox').keyup(function() { 
    $('#target').html(this.val()); 
}); 

, 내 HTML은 예보다 약간 다르다 "comment-preview" 컨테이너의 textarea에 입력합니다.

이 부분에 대한 안내는 크게 감사하겠습니다.

Answer 1

변경 this.val()

$(this).val()에 DEMO :http://jsfiddle.net/FjNzS/1/

.val는 jQuery를 함수이며 jQuery를 개체로부터 액세스 될 수있다. 핸들러 내부에서 this은 DOM 객체이므로, $()으로 감싸서 jQuery 객체로 만들어야합니다.

Answer 2

$(this).val() 또는 this.value을 사용할 수 있지만 this.val()은 올바르지 않습니다.

Answer 3

$("#comment-box").keyup(function() { 
    $("#comment-preview").text($(this).val()); 
}); 

Answer 4

또한 .on()이 코드를 시도 할 수 있습니다 :

$('#someTextBox').on('keyup', function(){ 
    $('#target').html($(this).val()); 
}); 

Exemple http://jsfiddle.net/FjNzS/2/