onblur할때 무한 alert()창 해결방법.

크롬에서 input text태그에서 값을 비교해서 원하는 값이 아닐경우

onblur이벤트로 alert 창을 띄우면 무한 alert창이 나오는 현상 해결방법.

<input type='text' id='test' onblur='test()' /> //인경우

<script>
    function test(){
        var test = document.getElementById('test');
        
        if(test.value != "원하는값"){
            if(document.activeElement != test){//현재 focus된 요소가 test인지 체크
                alert('잘못된 값입니다.');
            }
            test.focus();//포커스를 test로 옮김.
        }
    }
</script>

위와 같이 하면 onblur할때 test에서 포커스가 벗어날때만 alert가 뜨고, 다시 test로 focus하기 때문에 alert는 한번만 실행된다.