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>