在使用javascript提交之前自动预览表单内容

Question

我正计划设计一种用于收集用户通信详细信息的表格。这些通常由地址，姓名，电话号码等组成。

我的要求是在表格下方创建一个打印机标签大小框，以自动开始显示地址在打印标签上的外观。

是否有使用引导JavaScript来执行此操作的指针？

Answer 1

看看 Mutation Observer API：

here

and here

它允许您跟踪DOM中的更改和调用回调函数。我最近使用它制作了一个可编辑的HTML表，这非常直观。您可以观察属性更改，DOM树更改等。因此，我建议您构建一个“模板”，以适应您的变量（地址，名称等），使用Bootstrap对其进行样式设置，并在每次您使用Mutation Observer API进行填充时使用看合适。

---

您还可以使用良好的旧事件监听器，并将用户输入从表单克隆到下面的模板，即使用“ onkeypress”事件。每当键入内容时，它将显示在模板上。