HTML의 onafterprint 속성을 사용하면 문서가 인쇄되는 중이거나 인쇄 작업이 완료된 직후에 특정 스크립트를 실행할 수 있습니다.
onafterprint 속성이란?
onafterprint는 사용자가 인쇄 작업을 수행할 때 발생하는 이벤트 속성으로, 주로 인쇄 후 화면 상태를 복원하거나 알림 메시지를 표시하는 등의 용도로 활용됩니다. 이 속성은 <body> 요소에 적용하며, 속성값으로 실행할 자바스크립트 함수를 지정합니다.
예제
다음 코드를 실행하면 onafterprint 속성이 실제로 어떻게 동작하는지 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body onafterprint = "display()">
<script>
function display() {
alert("Success!");
}
</script>
</body>
</html>동작 방식
위 예제에서는 <body> 태그에 onafterprint 속성을 설정하고, display() 함수를 연결했습니다. 사용자가 브라우저의 인쇄 기능(Ctrl+P)을 실행하면, 인쇄 작업이 진행되거나 완료된 시점에 display() 함수가 호출되어 "Success!"라는 알림창이 화면에 나타납니다.
참고 사항
onafterprint와 짝을 이루는 속성으로 onbeforeprint가 있으며, 이는 인쇄 대화상자가 열리기 전에 스크립트를 실행할 때 사용합니다. 두 속성을 함께 활용하면 인쇄 전후로 화면 레이아웃을 조정하는 등 더욱 유연한 인쇄 환경을 구성할 수 있습니다.