# CurrentTarget

kh8640

addEventListener, callbackRef, currentTarget, relatedTarget 자세히 알아보기

hannabananah

td의 부모 태그는 tr이고, tr의 부모 태그는 table이라고 할 때, td 태그에서 click 이벤트가 발생한다. 이 이벤트가 td의 부모인 tr 태그에서도 동일한 이벤트가 발생하고, table 태그에서도 발생한다. 즉, td 태그에서 발생한 click 이벤트가

lgj9172

이벤트 캡처링(Event Capturing)은 상위 요소에서 하위 요소로 이벤트가 전달되는 동작 방식이다. 즉, 이벤트가 발생한 요소의 최상위 조상 요소부터 이벤트 타겟 요소까지 이벤트가 전달되는 방식이다.이벤트 캡처링은 HTML5에서 추가된 이벤트 전파 방식으로, 모

nearworld

자바스크립트에서 이벤트리스너를 사용할때 e.target.innerText 를 사용한 적이 있던 기억이 있었기에 타입스크립트에서 아래와 같은 코드가 정상작동하리라 생각했다.위 코드에서는 innerText 부분에서 에러가 발생했는데 이유는 e.target의 타입이 Even

dding_yull

Event를 넣고 싶을 때 원하는 부분에만 Event Handler를 등록(= 이 요소에서 클릭이벤트가 눌리면 호출해줘 )Event Handler는 클릭하면 다양한 요소들을 콜백해준다. 모든 요소는 evnetTarget을 상속한다 때문에 요소들을 Event Handle

ko-inseoklee

  서울시에서 제공하는 OpenAPI로 지하철 정보를 보여주는 프로젝트를 진행하다 난관에 부딪혔다.

hamkke

e.target과 e.currentTarget의 차이점 currentTarget : 이벤트 리스너가 달린 요소 target : 실제 이벤트가 발생하는 요소 위 코드에서 e.target과 e.currentTarget을 찍어보면 currentTarget은 어딜 눌러도 modalWrap이 나오고 target은 modalBox나 다른 요소들이 나온다 클릭한 요...

karismajh

요약부터 하자면,e.target : 이벤트 발생대상의 자식요소e.currentTarget : 이벤트 발생대상 즉, 클릭요소의 이벤트가 걸린 부모가 선택됨예제 코드로 보자면 아래와 같다.위와 같은 상황에서 < p > 를 클릭한다면,사진과 같은 결과를 확인할 수 있다

raverana96

input에다가 이미지를 drop시켜서 uploading하는 기능을 구현하던 중에 drag over, drag leaver가 반복적으로 발생하는 이슈 발견위와 같이 nested된 간단한 구조의 컴포넌트가 있다.여기에 사진을 drop시켜서 upload하는 기능을 구현해보

nemo

currentTarget은 클릭 이벤트가 걸려있는 요소를 반환한다.Target는 자식 요소가 클릭되면 자식 요소를 반환한다. 즉, 클릭 이벤트가 부모에 걸려있어도 진짜로 클릭되는 요소가 반환된다.구분하여 사용하도록 하자.

songjy377

이벤트 핸들러, 커스텀 이벤트, 이벤트 위임 등 이벤트에 대해 다룬다.

halfkiwi

버튼을 클릭 했을 때 그 위치에서 새로운 레이어를 띄우고 싶었다. 며칠 전에 알게 된 z-index를 응용해서 내가 원하는 위치에서 컴포넌트를 화면 위에 얹으면 될 것이라 생각했다. 하지만 버튼이 상황에 따라 x축의 좌표가(픽셀 단위의) 변하기 때문에 새로 띄우는 컴포

doodream

이벤트

faunus

Javascript 그리고 React를 사용하다보면 어떤 곳을 클릭해야하는 일이 생기며, 이 클릭한 요소를 가져오는 방법이 필요하다.이 때 사용하는 것이 바로 e.target.value 혹은 e.currentTarget.value 이다.그런데 이 둘은 어떻게 다른 것일

devgosunman

e.target은 event가 전달한 객체에 대한 참조이고, e.currentTarget은 이벤트의 버블링 또는 캡처 단계에서 이벤트 핸들러를 호출하는 참조이다. 더 쉬운 설명은 본문을 참조하자!