javascript - 在表单元素内打印 html 页面

Question

网页有<form>需要发送到打印机进行打印。键盘 Cmd+P 将打印整个页面，这不是我想要的。

我将事件连接到页脚上的按钮，但不确定如何仅发送 form内容到打印机。知道怎么做吗？

$('form').get(0).innerHTML


Answer 1

这可以使用媒体查询轻松完成。它适用于 IE9 及更高版本、Chrome、FF 等。对于 IE8，您可以使用 polyfill。

现在您所要做的就是在打印时隐藏元素。在你的CSS中写这样的东西

@media print {
    #element-to-hide {
        display: none;
    }
}

这将在打印时完全隐藏不需要的元素。