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