[javascript] change 이벤트 / focus 이벤트

[javascript] change 이벤트 / focus 이벤트

---

✔️ change 이벤트

: <input> , <select> 및 <textarea> 요소의 값 변경이 완료되면 발생한다.

: <select> 는 드롭 다운에서 값을 선택한 경우 발생한다. 나머지 둘은 요소가 포커스를 잃은 경우 발생한다.

 

-- html 코드

:: 선택 :: 네이버 한메일 네이트 지메일 직접입력 @

 

👩‍💻 select 태그에 onchange 이벤트를 줬다.

function changeEmail(){
	const f = document.memberForm;
	
	let s = f.selectEmail.value;
	
	if(s !== 'direct'){
		f.email2.value = s;
		f.email2.readOnly = true;
		f.email1.focus();
	} else {
		f.email2.value = "";
		f.email2.readOnly = false;
		f.email1.focus();
	}
	
}

 

 

✔️ focus 이벤트 , blur 이벤트

: focus 는 포커스를 가질 때,

: blur 는 포커스를 잃었을 때,

function inputFocus(obj){
	
	obj.className = "yb";
	
}

function inputBlur(obj){
	
	obj.className = "wb";
	
}