javascript - 텍스트 상자 onblur 이벤트가 지속적으로 트리거되는 문제
漂亮男人
漂亮男人 2017-05-19 10:13:27
0
2
968

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

漂亮男人
漂亮男人

모든 응답 (2)
刘奇

不会出现这个情况的,贴出你的代码。


补充

我能回答就肯定试过的啦下面代码就没有问题

      Document 
    

已经测试IE11 、 Firefox 、Chrome


补充

所描述的情况确实存在,想了下原因:

切回去后窗口失去了焦点,再回来的时候,文本框又自动获取了焦点 所以一直继续,从而不断触发。

这种问题实际在使用的时候出现情况应该比较少。 一种解决方案是在窗口失去焦点的时候让文本框也失去焦点如下:

已测试问题解决

      Document 
     
    黄舟

    刚刚试了下,确实有这个现象,但是把alert改成其他的(比如console.log)就不会出现反复触发 blur 的情况,一般情况下应该也不会用到alert,所以这个问题应该也不会有很大影响。至于为什么出现这种情况,我也不清楚~~

      최신 다운로드
      더>
      웹 효과
      웹사이트 소스 코드
      웹사이트 자료
      프론트엔드 템플릿
      회사 소개 부인 성명 Sitemap
      PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!