javascript - 不使用触摸文本区域调用功能？

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

So my question is, how could i make function start when text change in textarea without user editing something in it.

在textarea上使用change事件(如果用户在其中复制粘贴值，则使用input)

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