# event.target

dongjun187

자바스크립트에서 document.addEventListener(event,handler) 로 요소에 이벤트를 걸거나 HTML에서 onEvent 을 사용해 이벤트를 적용 할 수 있다.만약 버튼에 클릭이 발생할 때 마다 특정 로직을 실행하고 싶다면 두가지 방법이 사용 가능

nearworld

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

jinic

options Optional이벤트 수신기의 특징을 지정할 수 있는 객체입니다. 가능한 옵션은 다음과 같습니다.capture이벤트 대상의 DOM 트리 하위에 위치한 자손 EventTarget으로 이벤트가 전달되기 전에, 이 수신기가 먼저 발동돼야 함을 나타내는 불리언

quack777

React로 사고하기 공식문서 읽기Search_Club 페이지 state 설계이벤트 버블링, 이벤트 캡처, 이벤트 위임 공부event.target = 이벤트 발생 위치 ( 지금 내가 클릭한 곳! )event.currentTarget = 이벤트 생성 위치 ( 이벤트 핸들

sunkim

블로그를 보면서 타입스크립트를 공부하다가 e.target과 e.currentTarget이 다르다는 것을 알고, 무엇이 어떻게 다른지 개념을 이해하고자 정리해본다.event.currentTarget == the element to which the event handle

ssonnni

input input 태그는 form 태그 중에서 가장 중요한 태그로 사용자로부터 데이터를 입력받기 위해 사용된다. `` 태그는 다양한 종류가 있는데 type속성에 의해 구분된다. form 태그 내에 존재하여야 입력 데이터를 전송할 수 있으나 ajax를 사용할 시에는

hongwr

Event 인터페이스의 target 속성은 이벤트가 발생한 대상 객체를 가리킵니다.이벤트가 발생한 대상 객체의 부모를 가리킵니다.만약에 이런식으로 내가 함수를 만들었다면, li tag에 id가 그냥 추가가 된다.. 몰랐다....이런식이면 다양하게 활용이 가능할 것 같다

fastballer150

event.targetevent.target은 부모로부터 이벤트가 위임되어 발생하는 자식의 위치, 내가 클릭한 자식 요소를 반환eventcurrentTargetcurrentTarget은 이벤트가 부착된 부모의 위치를 반환

chayezo

자바스크립트 이벤트 중 클릭한 요소를 가져올 때, event 객체의 target 또는 currentTarget 프로퍼티를 사용한다.이 때 둘의 차이점은 무엇이고 어떤 경우에 무엇을 사용해야 하는지 알아보자.event.target은 이벤트 버블링의 가장 마지막에 위치한

sjho0428

event.target

edie_ko

이 글에서는 React onClick 이벤트 상황에서 event.target과 event.currentTarget의 차이점을 정리해본다.흔히 쓰는 event.target은 이해할 수 있다. 다만 currentTarget과 다른 점은 무엇일까?MDN 문서를 먼저 빠르게