반응형
전역 콜백 함수
자바스크립트는 특수한 글로벌 콜백 함수를 지니고 있다.
예를 들어 window.onload 라는 변수는 함수 자체를 나타내는데,
이 함수에 자신이 원하는 함수를 대입하면 그 함수는 문서가 모두 로드 됬을 때 실행된다.
- 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>
반응형