我正在处理一个项目，在其中实现"实时预览"功能会非常方便。问题是它不是某种类型的文本预览"例如，当你创建问题时，在stackoverflow上这样的预览"。我正在做的事情略有不同。例如，我有一个表单，它有一些输入，比如（背景色、填充值、边距等）。每次用户更新其中一个输入时，我不想在表单旁边显示更新对象的预览，比如说这个对象是基于用户在表单中输入的内容来设置div样式的。
如何实现此功能？
基于jQuery的解决方案更可取。
编辑：说这就是的形式
<form id="div_builder">
<input type="text" name="background_color"/>
<input type="text" name="padding"/>
<input type="text" name="margin"/>
</form>
更改事件是您的朋友。每次更改时，调用一个函数，将所选属性分配给要显示的div。
不是testet，但应该可以（使用jquery）。。。
<form id="div_builder">
<input type="text" name="background-color"/>
<input type="text" name="padding"/>
<input type="text" name="margin"/>
</form>
<div id="object"><img src="some object" /></div>
<script type="text/javascript">
$('#div_builder input').change(function(){
var css = $(this).attr("name");
$("#object").css(css,$(this).val());
})
</script>