input태그 마우스클릭시 onchange이벤트 발생 질문있습니다.

Question

<input type&#61;&#34;text&#34; value&#61;{value} onchange&#61;{(e)&#61;> { console.log(&#34;온체인지 &#34;, e.target.value) } } />위와같은 input태그를 작성하고 해당 input에 '감자'를 입력하면마지막콘솔로그는 온체인지 감자 가 될텐데이때 input창이 포커스를 잃지않은상태로 해당 input을 마우스클릭했을때연속적으로 콘솔로그가온체인지 감온체인지 감자이렇게 두번 올라온다면,input에 onclick 이벤트를 작성하지않아도 마우스클릭시 onchange이벤트가 위와같이 두번 발생하는게 정상인가요?이게 감자 타이핑후 처음 클릭시에만 위와같이 콘솔로그가 두번찍히고 이후 클릭시에는 이벤트발생하지않습니다.이게 어떤 코드상의 오류때문인지 정상적인 동작인지 모르겠습니다..크롬브라우저 사용중이고 react 18 프로젝트에서 발생한 문제입니다.

Kunie · Accepted Answer

IME 가 개입하기 때문에 발생하는 문제일겁니다. 영어로 입력했을 때에는 문제 없지요?

roggue2 · Answer

onchange 이벤트는 select나 input 타입이 radio나 checkbox일 경우에만 가능합니다.

JengYoung · Answer

전체 코드를 봐야 이해할 수 있을 것 같습니다.

input태그 마우스클릭시 onchange이벤트 발생 질문있습니다.

3개의 답변

#input 목록