유블로그

[JavaScript] focus 이벤트와 blur 이벤트, input 값 체크하기 본문

JavaScript & jQuery

[JavaScript] focus 이벤트와 blur 이벤트, input 값 체크하기

yujeong kang 2020. 9. 11. 15:41
	<input type="text" name="msg" id="msg">
    
    <div id="result"></div>
    <script>
        let msg = document.getElementById("msg");
        let result = document.getElementById("result");

        msg.onfocus = function (e) {    // input입력창 누르기 = focus
            result.innerHTML = "포커스 이벤트 발생";
        };
        msg.onblur = function (e) {     // focus 받았다가 focus 풀면 blur
            if(msg.value.length != 6){
                alert("6자리 입력해야 합니다.");
            }
            result.innerHTML = "포커스 빠져 나감";
        };
    </script>