자바스크립트썰 blur

blur란 흐림이라는 뜻을 가진 영어 단어로 자바스크립트에서는 엘리멘트가 포커스를 잃어버렸을 때 발생하는 이벤트이다.

한마디로 선택되었다가 떠나면 그 시점에서 발생하는 이벤트로 focusout이라는 이벤트와 동일한데 둘의 차이점은 용어도 어려운 버블링이 발생하는가의 차이를 가진다.

(버블링의 개념을 더 알고 싶으신 분들은 구글링을 해보시면 좋습니다.)

Enter your name:

When you leave the input field, a function is triggered which transforms the input text to upper case.

입력 필드를 떠날 때 입력 텍스트를 대문자로 변환하는 함수가 트리거됩니다.입력 필드를 떠날 때 입력 텍스트를 대문자로 변환하는 함수가 트리거됩니다.

<script>
function myFunction() {
    var x = document.getElementById("fname");
    x.value = x.value.toUpperCase();
}
</script>



Enter your name: <input type="text" id="fname" onblur="myFunction()">

<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>
<p>입력 필드를 떠날 때 입력 텍스트를 대문자로 변환하는 함수가 트리거됩니다.입력 필드를 떠날 때 입력 텍스트를 대문자로 변환하는 함수가 트리거됩니다.</p>