키 코드를 <textarea> 요소로 보내는 자바 스크립트

Question

textarea 요소에서 keydown 이벤트를 트리거하는 방법을 알 수 없습니다. 두 textarea 요소가 있다고 상상해 보겠습니다. 첫 번째 상자에 뭔가를 입력하면 두 번째 상자에 입력 내용이 표시되기를 원하지만 특정 이유 때문에 이벤트를 통해 입력해야합니다. 이것은 내가 시도한 것이며 작동하지 않습니다.

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 

<textarea id='first'></textarea> 
<textarea id='second'></textarea> 

<script> 
    jQuery("#first").keydown(function(event) 
    { 
     var keydown = jQuery.Event("keydown") 
     keydown.keyCode = event.keyCode 
     keydown.which = event.which 
     jQuery("#second").trigger(keydown) 
    }) 
</script> 

어떻게 생각하나요?

Answer 1

Here's an example : 분명히 텍스트 영역의 value 속성에 추가합니다. 당신이 데이터 살균하지 않으려면 http://jsbin.com/ivulu

을 또는 :

$(document).ready(function() { 
var $comment = ''; 
$('#first').keyup(function() { 
    $comment = $(this).val(); 
    $comment = $comment.replace(/<\/?[^>]+>/g,"").replace(/\n/g, "<br />").replace(/\n\n+/g, '<br /><br />'); // this strips tags and then replaces new lines with breaks 
    $('#second').html($comment); 
}); 
}); 

근무 데모 :

Answer 2

이 시도 http://jsbin.com/oposu

$(document).ready(function() { 
var $comment = ''; 
$('#first').keyup(function() { 
    $comment = $(this).val(); 
    $('#second').html($comment); 
}); 
}); 

Answer 3

를 keyDown 이벤트는 사실에 대해 책임을지지 않습니다 텍스트 상자의 값을 업데이트합니다. 코드는 잘 작동하지만 두 번째 텍스트 상자에 이벤트 핸들러가 없으므로 아무런 문제가 발생하지 않습니다. 텍스트 상자의 텍스트를 업데이트하려면 jyoseph에서 보여준 것처럼 값을 변경하십시오.

이벤트를 트리거해야하는 경우 (이유가있을 경우) 작성한 코드가이를 수행합니다.

Answer 4

이벤트가 전송 브라우저 그냥

모든 브라우저가 (내가 아는) 당신이 이벤트를 전달하는 것을 허용하지 않음 (즉, 텍스트 영역에 문자를 넣어) 그것에 반응하지 않는, 그냥 실행되지 . 하지만 그 일을하더라도 완벽하지는 않습니다.

// Gecko only 
$("#first").keypress(function(event) 
{ 
    var evt = document.createEvent('KeyEvents'); 
    evt.initKeyEvent(
     event.type 
    , event.bubbles 
    , event.cancelable 
    , event.view 
    , event.ctrlKey 
    , event.altKey 
    , event.shiftKey 
    , event.metaKey 
    , event.keycode 
    , event.charCode 
); 
    $('#second')[0].dispatchEvent(evt); 
}); 

이 예제를 사용하면 완벽 함과는 거리가 멀다는 것을 알 수 있습니다. 기본적으로, 당신이 요구하는 것을하는 방법은 당신이 말할 수없는 방식입니다 - 가치에 의해서. 이

$("#first").bind('keyup change', function(event) 
{ 
    $('#second').trigger('mimic', $(this).val()); 
}); 
$("#second").bind('mimic', function(event, value) 
{ 
    $(this).val(value); 
}) 

이 충분히 있다는 좋은처럼

그러나 보이는 솔루션에 이르게 이벤트와 함께 사용자 정의 데이터를 전달할 수 있습니다?

Answer 5

클라이언트 머신에서 이벤트를 "생성"할 수 없습니다. 잠재적 인 보안 취약점을 상상할 수 있습니까? 그것은 생각할 필요가 없습니다. 당신이 할 수있는 유일한 것은 내가 질문에 명시된 바와 같이, 난 그냥 두 번째로 첫 번째 상자의 값을 할당 할 수 없습니다 ...

textarea2.onkeydown();