본문 바로가기

컴퓨터/Javascript

window.print() 페이지 인쇄하기

let initBodyHTML; //임시 변수 선언

const printPage = () => {//인쇄를 실행하는 함수. 버튼에 onclick="window.print"
  window.print();
};

const beforePrint = () => {//인쇄 전에 실행하는 함수
  initBodyHTML = document.body.innerHTML; //기존 페이지 전체를 임시 보관
  document.body.innerHTML = document.getElementById("print").innerHTML; //페이지 내용을 인쇄할 부분만으로 교체
};

const afterPrint = () => {//인쇄 후에 실행하는 함수
  document.body.innerHTML = initBodyHTML; //페이지를 원래대로 복구
};

window.onbeforeprint = beforePrint; //인쇄 전 이벤트 핸들러. 함수이름 옆에 ()가 없음에 유의!
window.onafterprint = afterPrint; //인쇄 후 이벤트 핸들러. 함수이름 옆에 ()가 없음에 유의!