반응형
onPrint() {
const html = document.querySelector('html');
const printContents = document.querySelector('.modal-body').innerHTML;
const printDiv = document.createElement("DIV");
printDiv.className = "print-div";
html.appendChild(printDiv);
printDiv.innerHTML = printContents;
document.body.style.display = 'none';
window.print();
document.body.style.display = 'block';
printDiv.style.display = 'none';
}
JavaScript 로 원하는 영역 프린트하기입니다. 위처럼 프린트하는 function을 만들어두고 호출하면 됩니다. 위의 소스처럼 하고 실행하면 원하는 영역을 프린트할 수 있는 인쇄 설정이 나오게 됩니다.
반응형
'Programming > JavaScript' 카테고리의 다른 글
Object.assign vs jQuery $.extend 객체 합치기 (0) | 2019.07.25 |
---|---|
[JavaScript] 자바스크립트 객체 복사 Copying objects in javascript (0) | 2018.11.08 |
[SNS 내보내기] 네이버 밴드 공유하기 API (0) | 2018.09.13 |
[SNS 내보내기] 네이버 블로그 공유하기 API (0) | 2018.09.13 |
[SNS 내보내기] 페이스북 공유하기 API (2) | 2018.09.13 |