addEventListener

개요

JavaScript객체에서 특정 태그에 이벤트 리스너를 붙일 수 있다.
이는 객체가 특정 이벤트를 발동 시킬 때(클릭 되었을 때 등) 마다 함수를 실행시켜준다.

이벤트 종류에는 "click", "mousedown", "mouseup", "mouseover" 등 수많은 이벤트가 있다.

사용법

var st = document.getElementById("stalker");
st.addEventListener('이벤트종류', '함수이름');

예제

<html>
<head>
	<script type="text/javascript">
		window.onload = function() {
		  var myBtn = document.getElementById("myBtn");
		  myBtn.addEventListener("click", myBtnClickHandler);
		}

		function myBtnClickHandler() {
		  alert("myBtn이 클릭되었습니다");
		}
	</script>
</head>
<body>
	<button id="myBtn">내버튼</button>
</body>
</html>
출력 결과: