event.target
event.target & event.currentTarget
<li>
<span>
<button onClick={Check}>
<span> Click </span>
</button>
</span>
</li>
위 코드에 Check
값을 다음과 같이 주고 실행시켜본다
const Check = (event) => {
console.log(event.target);
console.log(event.currentTarget);
event.target
값으로는 <span> Click </span>
나오고
event.currentTarget
값으로<button><span> Click </span></button>
나온다.
event.target
은 자식요소를 리턴하고
event.currentTarget
는 부모요소를 리턴한다.
객체 안에서 key를
[ ]
로 감싸면 그 안에 넣은 레퍼런스가 가리키는 실제 값이 key 값으로 사용된다.const name = 'tom'; const object = { [name] : 'value' }; //결과 값 { 'tom' : 'value' } ``
Author And Source
이 문제에 관하여(event.target), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sjho0428/event.target저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)