이벤트리스너

목표 input 태그에서 이벤트 리스너를 사용하는 방법과 이벤트 버블링을 방지 방법에 대해 공부해본다. input 태그 사용하기 1. 이벤트 리스너 {실행할코드}}/> {실행할코드}}/> onChange는 값이 변화할 때마다, onClick은 클릭되었을 경우 이벤트가 발생한다. 2. input에 입력한 값 가져오기 1) state 설정 let [inputVal,setInputVal] =useState(''); 2) 텍스트로 입력한 값 state에 저장 {setInputVal(e.target.value)}}/> 이벤트 버블링 방지하기 이벤트 버블링이란? 한 요소에 이벤트가 발생하면 해당 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들..
째로스
'이벤트리스너' 태그의 글 목록