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
이벤트타입 : Event
beforeprint 구문
<element on beforeprint =" 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].on beforeprint= 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>
최신댓글