Close window automatically after printing dialog closes

Question

I have a tab open when the user clicks a button. On the onload I have it bring up the print dialog, but the user asked me whether it was possible that after it sends to the printer to print, if the tab could close itself. I am not sure whether this can be done. I have tried using setTimeout();, but it's not a defined period of time since the user might get distracted and have to reopen the tab. Is there any way to accomplish this?

user_5254833 · Answer

Sure this is easily resolved by doing this:

Or if you want to do something like for example go to the previous page.

user_10145303 · Answer

Just wrap window.close by onafterprint event handler, it worked for me

printWindow.print();
printWindow.onafterprint = () => printWindow.close();

user_2415156 · Answer

This worked for me 11/2020 ... simple.

user_9731189 · Answer

I tried many things that didn't work. The only thing that worked for me was:

window.print();
window.onafterprint = function () {
    window.close();
}

tested on chrome.

user_9152088 · Answer





        
           
                Veg/NonVeg  
            
            
                HARYALI  
               
            
                Ac/NonAC  
            
            
                B S Yedurappa Marg,Near Junne Belgaon Naka,P B Road,Belgaum - 590003  
            
        
        
    
        
           
                -----------------------------------------------  
            
        

        ";
                $tot=$tot+$rowitems[7];
            }

            echo "";
            ?>
        

            
                ITEM
                QTY
                RATE
                PRICE
                TOTAL
            

            
                $rowitems1[0]
                $rowitems[5]
                ".number_format($rowitems[4],2)."
                ".number_format($rowitems[6],2)."
                ".number_format($rowitems[7],2)."
              

                GRAND TOTAL
                ".number_format($tot,2)."
                
     
           
                -----------------------------------------------  
            
        
        

        
            
                Thank you Visit Again

Print and close new tab window with php and javascript with single button click

user_8252916 · Answer

This works for me perfectly @holger, however, i have modified it and suit me better, the window now pops up and close immediately you hit the print or cancel button.

function printcontent()
{ 
var disp_setting="toolbar=yes,location=no,directories=yes,menubar=yes,"; 
disp_setting+="scrollbars=yes,width=300, height=350, left=50, top=25"; 
var content_vlue = document.getElementById("content").innerHTML; 
var w = window.open("","", disp_setting);
w.document.write(content_vlue); //only part of the page to print, using jquery
w.document.close(); //this seems to be the thing doing the trick
w.focus();
w.print();
w.close();
}"

user_5635886 · Answer

jquery:

$(document).ready(function(){ 
  window.print();
  setTimeout(function(){ 
             window.close();
  }, 3000);
});

user_7412996 · Answer

REF source reference

user_3845895 · Answer

const printHtml = async (html) => {
    const printable = window.open('', '_blank', 'fullscreen=no');
    printable.document.open();
    printable.document.write(`${html}`);
    await printable.print();
    printable.close();
};

Here's my ES2016 solution.

user_5509416 · Answer

This works for me on Chrome (haven't tried on others)

$(function(){
    window.print();
    $("body").hover(function(){
        window.close();
    });
});

user_4198293 · Answer

I tried this and it works

var popupWin = window.open('', 'PrintWindow', 
'width=650,height=650,location=no,left=200px');
popupWin.document.write(data[0].xmldata);
popupWin.print();
popupWin.close();

user_685511 · Answer

simple add:

user_10879208 · Answer

try this:

var xxx = window.open("","Printing...");
xxx.onload = function () {
     setTimeout(function(){xxx.print();}, 500);
     xxx.onfocus = function () {
        xxx.close();
     }  
}

user_4247106 · Answer

An entirely different approach using native things only

First, add the following in the page that is to be printed


printing please wait

Then make close.html with following content

Now when the print dialogue is displayed, the page will remain open. As soon as the print or cancel task is done, the page will close like a breeze.

user_5245904 · Answer







Print preview

 


 

  
    
    Hello world
    
    
    
    S.N
    Name
    
    
    
    
      1
      Bijen
    
    
      2
      BJ

user_13351542 · Answer

document.addEventListener('DOMContentLoaded', (e)=>{
        print();
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {//expresion regular evalua navegador
        window.onfocus = function(){window.close();}
    } else {
        window.onafterprint = function(e){
        window.close();
        }
    }
});

onafterprint works good to me on desktop browser, no with smartphone, so y make something like this and work, there are many solutions, so try many anyway.

user_16863737 · Answer

I came up with this simple script:

user_5237614 · Answer

Close a popup after print.

In the parent windows

  let IframeLink = '../Sale/PriceKOT?SalesID=@(Model.SalesInfo.SalesID)&PrintTypeID=3';
     var newwindow = window.open(IframeLink, "KOT Print", 'width=560,height=550,toolbar=0,menubar=0,location=0');
    if (window.focus) { newwindow.focus() }

    function closeThisPopUp() {            
        newwindow.close();
        printf();
    }

In the child or popup window

 window.onafterprint = function (event) {
    opener.closeThisPopUp();
    window.close;
};

Close window automatically after printing dialog closes

40 Answers