打印彈出窗口Javascript

Question

我有一個具有輸入框的表，以及一個包含信息的彈出窗口。 我希望能夠打印表數據並包括彈出信息。 這可能嗎。 下面的快速示例。

Java腳本

<script>
function divPrint() {
    window.print();
}
</script>

的HTML

<div id="printable">

<table class="table">
    <th>Option 1</th>
    <th>Option 2</th>
    <tr>
        <td><input class="span6 text-center" type="text" id="cost1"></td>
        <td><input class="span6 text-center" type="text" id="cost2"></td>
    </tr>
</table>

    <div class="popup" data-popup="popup">
        <p>Need to print this as well</p>
    </div>

</div>

Answer 1

是的你可以。

通常，它涉及使用CSS媒體查詢（如@media print將.popup設置為在打印視圖中顯示。

例如：

@media print {
     .popup {
          display:block !important;
     }
}

如果嘗試打印此頁面，則還應該看到彈出窗口： https : //output.jsbin.com/mezalosazo

如果要編輯jsbin，請使用以下版本： https ://jsbin.com/mezalosazo/edit?css,js,output