afterprint 예제1
<!DOCTYPE html>
<html>
<body onafterprint="homzzang() " >
<h1>홈짱닷컴 Homzzang.com</h1>
<script>
function homzzang() {
alert("인쇄 중입니다.");
}
</script>
</body>
</html>
참고: 인쇄창 열기 단축키 : Ctrl + P
afterprint 정의
(인쇄대화상자에서 인쇄버튼 클릭해 인쇄시작 / 인쇄대화상자종료)시 이벤트 발생
1.
반대: onbeforeprint 이벤트
2.
(사파리/오페라) 제외한 주요 최신브라우저 모두 지원.
3.
이벤트확산 : X
이벤트타입 : Event
afterprint 구문
<element onafterprint="homzzang()
object .onafterprint = function(){homzzang()
object .addEventListener("afterprint", homzzang
※ homzzang : 실행함수명.
※ addEventLister() 방식 주의사항 2가지 : (이벤트명에 on 안 붙인. / 실행함수명 뒤에 소괄호 안 붙임)
※ addEventListener() 메서드는 IE8 및 그 이전 브라우저는 지원 안 함.
afterprint 예제2
<!DOCTYPE html>
<html>
<body>
<h1>홈짱닷컴 Homzzang.com</h1>
<script>
document.getElementsByTagName("BODY")[0].onafterprint = function() {homzzang() };
function homzzang() {
alert("인쇄 중입니다.");
}
</script>
</body>
</html>
afterprint 예제3
<!DOCTYPE html>
<html>
<body>
<h1>홈짱닷컴 Homzzang.com</h1>
<script>
window.addEventListener("afterprint", homzzang );
function homzzang() {
alert("인쇄 중입니다.");
}
</script>
</body>
</html>
최신댓글