onblur : 포커스를 잃었을 때 실행된다.
예제
나이 : <input type="text" onblur="inRegNum()" size="10" maxlength="2">세<br><br>
<script type="text/javascript">
function inRegNum() {
alert('onblur 실행됨'); // 포커스가 딴 곳으로 가면 실행됨.
}
설명
포커스 영역은 text영역이고 text영역을 벗어날 때 이벤트가 발생합니다.
onchage : 포커스가 바뀌었을 때 실행된다.
예제
<select id="sel" onchange="chageVal()">
<option value="apple">사과</option>
<option value="pear">배</option>
<option value="banana">바나나</option>
</select>
<script type="text/javascript">
function chageVal() {
let val = document.getElementById("sel").value;
alert(val); // 선택한 value값이 출력된다.
}
</script>
설명
포커스 영역은 option안이고, option 클릭이 바뀔 때마다 이벤트가 발생합니다.