[JavaScript] addEventListener : 이벤트 핸들러 등록

addEventListener을 통해 여러종류의 이벤트 핸들러를 등록할 수 있다.

 

예시)

function OnInputBtnClicked(event) {
	console.log("inputbtn clicked !");
    console.log(event);
}

function OnMouseOver(event) {
	console.log("Mouse Over !");
    console.log(event);
}

function OnMouseOut(event) {
	console.log("Mouse Out !");
    console.log(event);
}

inputbtn.addEventListener("click", OnInputBtnClicked); 	// inputbtn 눌렀을 때 OnInputBtnClicked 호출
inputbtn.addEventListener("mouseover", OnMouseOver); 	// inputbtn 위에 마우스가 올라갈 때 OnMouseOver 호출
inputbtn.addEventListener("mouseout", OnMouseOut); 		// inputbtn 위에서 마우스가 벗어날 때 OnMouseOut 호출

 

마우스 관련 이벤트 뿐만 아니라 "fullscreenchange" 등의 다양한 종류의 이벤트 핸들러를 등록해 사용할 수 있다.