javascript - 텍스트 상자 onblur 이벤트가 지속적으로 트리거되는 문제

Question

text 태그 onblur="alert()"
Alert()는 텍스트 상자가 커서를 잃을 때 발생합니다.
그러나 마우스가 이 텍스트를 선택한 다음 마우스가 전체 브라우저 창을 벗어나면(예: 바탕 화면 클릭)
이제 문제가 발생합니다.
마우스를 브라우저로 되돌리고 팝업 "확인" 버튼을 클릭하면 팝업 창이 계속해서 나타납니다...
어떻게 해야 할까요? 그렇죠?

Answer 1

이런 일은 발생하지 않습니다. 코드를 게시해 주세요.

---

보충제

답변할 수 있다면 아래 코드에는 문제가 없을 것 같습니다

으아아아

IE11, Firefox, Chrome에서 테스트되었습니다

---

보충제

설명된 상황이 실제로 존재합니다. 이유를 생각해 보겠습니다.

다시 전환한 후 창이 다시 포커스를 잃으면 텍스트 상자가 자동으로 포커스를 얻어 계속해서 트리거됩니다.

이런 종류의 문제는 실제로 사용 중에 덜 자주 발생합니다. 한 가지 해결책은 다음과 같이 창이 초점을 잃을 때 텍스트 상자도 초점을 잃게 만드는 것입니다.

테스트를 거친 문제가 해결되었습니다

으아아아

Answer 2

방금 시도해봤는데 이런 현상이 존재하지만, 경고를 다른 것(예: console.log)으로 변경하면 블러가 반복적으로 발생하는 것을 방지할 수 있으므로 일반적인 상황에서는 경고를 사용하면 안 됩니다. 문제가 큰 영향을 미쳐서는 안 됩니다. 왜 이런 일이 일어나는지는 모르겠어요~~