input 여러 개 blur이벤트 발생할 때 각각 이벤트가 쌓입니다.

Question

위와 같이 스크립트를 하면 하나의 input요소에서 탭키로 포커스 이동할 때( blur할 때) 왜 이벤트가 쌓여서 발생까요?제가 지금 유효성 검사 blur이벤트를 작성하고 있는데 alert과 함께 사용하면, 이벤트가 계속 저런 것과 비슷하게 발생해서며칠 간 고생 중입니다.stackoverflow에서는 비슷한 예시가 있긴 합니다만, 종류가 다릅니다.그 예시는 input과 버튼이 존재하고 버튼을 클릭하는 순간 input에 focus를 줘도 focus요소가 자동으로 blur가 되는 점을 보여줍니다. 이를 통해서 input은 어쩔 수 없다고 얘기들 하는데요. 그럼 어떻게 제가 원하는 대로 각각 이벤트를 제어해야 할까요? alert을 div로 따로 만들어서 작성해야 할까요?저는 그래서 처음에 캐시가 쌓이는건가? 싶었다가 아니면 stack에 이벤트가 쌓이는 건가 싶기도 하다가.. 이젠 아무 것도 모르겠습니다.

a little more · Answer

답은 여기에 있네요

JASSMAN · Answer

alert을 클릭하는 순간 blur 이벤트가 발생하는거 아닌가요?alert말고 console.log로 찍어보면 문제없이 작동합니다!input1에 포커스가 되어있다고 가정했을때input2를 클릭하는 순간input1의 blur 이벤트가 발생합니다. (alert)그럼 이때 input2가 포커스가 되어있고 input1의 alert을 클릭하는 순간input2도 blur 이벤트가 발생하는것 같습니다.글을 너무 못써서 죄송합니다 ㅎㅎ input2에 포커스 이벤트도 넣고 해보시면 이해가 될겁니다!

input 여러 개 blur이벤트 발생할 때 각각 이벤트가 쌓입니다.

2개의 답변

#blur 목록