[JavaScript] Event.target 이벤트 발생 요소 가져오기

 

 

DOM 객체의 요소에서 이벤트가 발생한 경우 해당 요소를 가져오는 방법에 대해 알아보자.

 

<input id="name" name="myName">ddory</input>

 

const handleOnChange = e =>{
	console.log(e.target.name);
}

document.querySelector("#name").addEventListener("change",handleOnChange)

input 태그에 어떤 행동을 할 때마다 name값인 myName이 콘솔에 찍히는 소스이다.

즉, e.target에 input 태그의 속성을 넣어주고 그 속성을 e.target.(이곳) 이곳에 넣어주면 해당 요소를 가져온다.