콜백함수

콜백 함수

- 이벤트에 등록 된 함수는 콜백함수이다.

<button type="button" id="btn01">콜백함수 테스트</button>
<script type="text/javascript">
	var btn01=document.querySelector('#btn01');
	btn01.onclick=function(event){
		console.log(this,'이벤트 발동 대상');
//이벤트 작동에 관련된 정보를 콜백데이터로 전달해준다.
		console.log(event);
	}
</script>

 

이벤트 콜백 데이터로 간단한 예제

<button type="button" id="btn01">콜백함수 테스트</button>
<script type="text/javascript">
	var btn01 = document.querySelector('#btn01');
	btn01.onclick = function(event) {
		console.log(this, '이벤트 발동 대상');
		console.log(event);
	}
</script>
<div id="textMove" style="width:100px;background-color:red;position:absolute;">한국스마트정보교육원</div>
<script type="text/javascript">
	var textMove=document.querySelector('#textMove');
	document.onmousemove=function(e){
		console.log(e);
		textMove.style.top=e.y+'px';
		textMove.style.left=e.x+'px';
		
	}
</script>