[DOM_Event] JS - blur 이벤트 (= onblur 속성) - 포커스제거이벤트 (= 포커스해제이벤트 = 블러이벤트)

blur 예제

 

아이디: <input type="text" id="hz" onblur="homzzang()">

<script>

function homzzang() {

  var x = document.getElementById("hz");

  x.value = x.value.toUpperCase();

}

</script> 

 

결과보기

blur 정의

blur 구문

blur 예제

 

아이디: <input type="text" id="hz" onfocus="homzzangOn()" onblur="homzzangOff()">

<script>

function homzzangOn() {

  document.getElementById("hz").style.background = "yellow";

}

function homzzangOff() {

  document.getElementById("hz").style.background = "transparent";

}

</script> 

 

결과보기