在不使用触摸文本区域的情况下调用函数？

Question

我有 3 个值，用户可以在其中自定义横幅（color/image/border 颜色）并将这些更改添加到下面的文本区域（输出为 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>

所以我的问题是，当 textarea 中的文本更改时，我如何在用户不编辑其中的内容的情况下启动功能。（如果这样的事情甚至可以通过这种方式实现的话）。感谢您的建议:)

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() );
})

在不使用触摸文本区域的情况下调用函数？

Calling function without use touching textarea?

html

javascript

textarea