Question

我有3个值，用户可以自定义横幅（颜色/图像/边框颜色），并将这些更改添加到下面的textarea（输出为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

所以我的问题是，如何在文本更改时启动函数没有用户编辑内容的textarea。

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

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

不使用触摸textarea调用函数？

1 个答案: