HTML에서 문서가 인쇄되기 직전에 특정 스크립트를 실행하고 싶다면 onbeforeprint 속성을 사용하면 됩니다. 이 속성은 사용자가 인쇄 명령을 실행했을 때, 실제 인쇄 작업이 시작되기 전에 지정된 JavaScript 함수를 자동으로 호출해 줍니다.
onbeforeprint 속성이란?
onbeforeprint는 <body> 태그에 적용할 수 있는 이벤트 속성으로, 인쇄 대화상자가 열리기 전에 원하는 동작을 수행할 수 있게 해줍니다. 예를 들어, 인쇄용 페이지 스타일을 미리 조정하거나 사용자에게 안내 메시지를 표시하는 등의 활용이 가능합니다.
사용 예제
아래 코드를 실행하여 onbeforeprint 속성의 동작을 직접 확인해 보세요. 브라우저에서 페이지를 인쇄하려고 하면 경고 창이 먼저 나타납니다.
<!DOCTYPE html>
<html>
<body onbeforeprint = "display()">
<script>
function display() {
alert("문서를 곧 인쇄합니다.");
}
</script>
</body>
</html>동작 방식 설명
위 예제에서 <body> 태그에 onbeforeprint = "display()"가 설정되어 있습니다. 사용자가 Ctrl+P 키를 누르거나 브라우저 메뉴에서 인쇄를 선택하면, 인쇄 절차가 시작되기 전에 display() 함수가 호출되어 알림창이 화면에 표시됩니다.
활용 팁
- 인쇄 전에 불필요한 요소(광고, 버튼 등)를 숨겨 가독성을 높일 수 있습니다.
- 인쇄 시간이나 날짜를 문서에 자동으로 추가할 수 있습니다.
- 반대로 인쇄가 끝난 후 처리가 필요하다면 onafterprint 속성을 함께 사용하면 됩니다.