Javascript 带有文本区域的html页面

我有一个textarea，它一次只显示3行，并使用滚动条。现在，当我打印包含textarea的html时，它只打印可见部分（即仅3行）

---

我希望当用户打印html页面时，它应该在文本框中打印整个文本，而不是只打印可见部分

打印时，您可以为文本区域定义不同的高度：

@media print {
   .selectorOfYourTextarea {
      height: 500px;
   }
}

这将使您的

textarea

500px

高度仅适用于打印机。但问题仍然是500px可能还不够。

签出这一个，然后按Ctrl+p，您将看到它是隐藏的，并且是可见的

.textarea {
  display: none;
}
@media print {
  textarea {
    display: none;
  }
  .textarea {
     display: block;
  }
}

---

查看-它将允许您定义打印样式。@Sunny您可以借助打印css来完成。在类的另一个div中添加与textarea相同的文本，使该div隐藏在您的style.css中，并使div可见，textarea隐藏在打印css中。如果textarea内容是静态的，您可以检查下面的答案。您需要用javascript同步“div”和“textarea”。