textareaに触れ​​ることなく関数を呼び出すか？

Question

私はバナー（カラー/イメージ/ボーダーカラー）をカスタマイズできる3つの値を持っています。これらの変更は下のテキストエリアに追加されます（出力はHTMLです）。

これまでのところ私はボタンで作業することができましたが、問題はすべての変更のユーザーが（見た目を見るために）押す必要があります。また、onClickやonChangeのようなものを使用すると、現在の変更ではありません（これはコードがフロントエンドに置かれ、デュオカラーピッカーが発生します（私は思う））。

<textarea name="html_code" class="form-control" id="html_code"rows="2" cols="40"></textarea> 
<input type="button" class="btn btn-info" value="Preview Banner" onclick="get_text();" /> 

<script type="text/javascript"> 
    function get_text() {          
    $("#preview").html($("#html_code").val()); 
    } 
    </script> 

だから私の質問は、ユーザーのないテキストエリア内のテキストの変更はそれで何かを編集するとき、私は、関数の開始を作ることができるか、です。 （そういうものがこのように達成することさえ可能な場合）。提案ありがとう:)

Answer 1

私の質問は、どのように機能を開始することができます テキストエリアでテキストを変更するユーザーが何も編集しないで。

利用textarea上changeイベント（またはinputその中のユーザー・コピー・ペースト値の場合）

$("#html_code").on("change input", function(){ 
    $("#preview").html($(this).val()); 
})