在Chrome網頁中顯示的打印預覽

Question

單擊“打印”按鈕后，出現“打印對話框”。

實際結果：當我在“打印對話框”上單擊“ Cancel時，它將在網頁中顯示打印預覽。

預期的結果：我要顯示的是在“打印對話框”沼澤之前顯示的實際網頁。

印刷代碼：

function printMap(){ 
    var printMapOnly = document.getElementById('regions_div').innerHTML;
    document.body.innerHTML = printMapOnly;
    window.print();
    }

打印按鈕：

<button class="btn btn-print" onclick="printMap('regions_div')">Print</button>

Answer 1

基於此，我將網頁的內容重新設置為原始內容

更新：

function printMap(){ 
    var originalContent = document.body.innerHTML
    var printMapOnly = document.getElementById('regions_div').innerHTML;
    document.body.innerHTML = printMapOnly;
    window.print();

    document.body.innerHTML = originalContent;
    }

希望它可以幫助別人。