[js] input 이벤트 (ft. input 박스)

[js] input 이벤트 (ft. input 박스)

 

input박스가 이벤트

onchange

focus 발생 전 후 비교하여 변화가 일어났을때 발생하는 이벤트

<input onchange={() => ... } />

 

onfocus

focus 되었을때 발생하는 이벤트

<input onfocus={() => ... } />

 

onblur

focus가 해제 되었을때 발생하는 이벤트

<input onblur={() => ... } />

 

onkeypress 

문자 값을 생성하는 키보드의 키를 눌렀을때 발생하는 이벤트

<input onkeypress={() => ... } />

 

모바일웹앱(안드로이드)의 키패드에서 이동을 눌렀을 경우 

<input onkeypress={(e) =>  
	if (e.key === 'Enter' || e.keyCode === 13) {
	//함수 코드
}} />

 

onkeydown

키보드의 키를 눌렀을때 발생하는 이벤트

<input onkeypress={() => ... } />

 

onkeyup

키보드의 키를 눌렀다가 떼었을때 발생하는 이벤트

<input onkeyup={() => ... } />