자바스크립트) 이벤트 요소 가져오는 방법 [event.target]

특정한 DOM 객체의 요소에서 이벤트가 발생한 경우 해당 요소를 가져오는 방법에 대해 알아보겠다. 사용방법은 아래와 같다.

 

event.target.?

<input id="hello" name="helloName">Hello</input>

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

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

input 태그에 어떤 행동을 할 때마다 name값인 helloName이 콘솔에 찍히는 소스이다. 즉, e.target에 input 태그의 속성을 넣어주고 그 속성을 e.target.(이곳) 이곳에 넣어주면 해당 요소를 가져온다.