전역 콜백 함수

개요

JavaScript는 특수한 글로벌 콜백 함수를 지니고 있다.

예를 들어 window.onload 라는 변수는 함수 자체를 나타내는데,
이 함수에 자신이 원하는 함수를 대입하면 그 함수가 문서가 모두 로드 됬을 때 실행된다.

Tip> window.onresize 함수는 화면 크기가 바뀌었을 때 실행된다.

window.onresize : 화면 크기가 바뀌었을 때 실행
window.onerror : 에러가 발생 했을 때 실행
window.onmousemove : 마우스가 움직였을 때 실행
window.onmousedown : 마우스를 눌렀을 때 실행
window.onmouseup : 마우스를 눌렀다 떼었을 때 실행
window.onkeydown : 키보드를 입력했을 때 실행
window.onkeyup : 키보드를 눌렀다 떼었을 때 실행

등 다양한 글로벌 콜백 함수가 존재한다.

사용법

window.onload = function() {
	//원하는 소스를 입력하세요.
}

예제

<html>
<head>
	<style type="text/css">
		#stalker{ position:absolute; width:30px; height:30px; background-color:blue; }
	</style>
	<script type="text/javascript">
		function moving(targetX, targetY) {
			var st = document.getElementById("stalker");
			st.style.left = parseInt( targetX ) + "px";
		}
	
		window.onload = function() {
			var st = document.getElementById("stalker");
			st.style.left = "20px";
		}
	
		window.onmousemove = function(event) {
			var evt = event || window.event;
			moving(evt.pageX, evt.pageY);
		}
	</script>
</head>
 
<body>
	<div id="stalker"></div>
</body>
</html>
출력 결과: