특정영역 인쇄하기

자바스크립트에서 특정영역만 인쇄하는 방법

 

div id="test" 인 부분만 인쇄를 하게 됩니다.

테스트 결과 IE 잘 돌아가고 파이어폭스,오페라는 인쇄영역 화면에 나왔다 사라지고 크롬은 그냥 전체 인쇄가 됩니다.

 

-------------화면 자바스크립트 부분

 

// 인쇄하기 스크립트
function bodyPrint(){
var initBody = document.body.innerHTML;
window.onbeforeprint = function(){
document.body.innerHTML = document.getElementById('test').innerHTML;
};
window.onafterprint = function(){
document.body.innerHTML = initBody ;
};

window.print();
}

 

 

---------------화면 디자인부분

 

<a href="javascript:bodyPrint()">인쇄</a>

 

 

<div id="test">인쇄 테스트</div>