# CurrentTarget

12개의 포스트
post-thumbnail

[React-Typescript] Input 태그에서 name props 가져오기

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

약 14시간 전
·
0개의 댓글
post-thumbnail

모달창 밖 클릭시 닫기

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

2022년 6월 11일
·
0개의 댓글

[JS]e.target, e.currentTarget의 비교

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

2022년 6월 8일
·
0개의 댓글

[TIL] (2022.05.03)

Email Regex 같은 경우 W3C 표준식을 쓰자.이벤트 핸들러에 event.target 말고 event.currentTarget을 쓰도록 하자.상수는 선언 시 대문자로 작성하자.key값에 인덱스를 그대로 넣지 말고 고유한 값을 넣어주자. ex) key={\`tod

2022년 5월 3일
·
0개의 댓글
post-thumbnail

[React] drag leave가 반복적으로 발생할 때

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

2022년 4월 11일
·
0개의 댓글

event target, currentTarget

https://developer.mozilla.org/ko/docs/Web/API/Event/target이벤트가 발생한 대상 객체버블링과 캡처링 단계 event.currentTarget 과 다를 수 있습니다.event.target 속성을 사용하여 이벤트 위임을

2022년 3월 25일
·
0개의 댓글

[JavaScript] Target, currentTarget 차이점

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

2022년 1월 17일
·
0개의 댓글

오늘 배운 것

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

2021년 5월 23일
·
0개의 댓글
post-thumbnail

target / currentTarget

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

2021년 5월 11일
·
0개의 댓글
post-thumbnail

💡 Event.target VS Event.currentTarget

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

2021년 3월 19일
·
0개의 댓글