개발노트

oninput / onchange 본문

Programming/JavaScript

oninput / onchange

dev? 2022. 5. 30. 12:33
반응형
oninput onchange
input, textarea 태그에서만 사용 가능 input, textarea, select 태그에서만 사용 가능
입력 할 때마다 바로바로 데이터를 확인 태그에서 초점(focus)를 잃은 순간에 작동
= 데이터를 입력 하고 다른 곳을 클릭 하면 작동

 

 

1. oninput

- input / textarea 태그에서 데이터 입력 시에 주로 사용

- 입력할 때마다 바로 데이터 확인 가능

- javascript 이벤트 ( 리스너 )

- 유효성 검사에 주로 사용 

 

 

2. onchange

- input, textarea, select 태그에서 데이터 입력시에 주로 사용

- 태그 밖의 영역 선택시 작동 

 

 

 

https://coding-food-court.tistory.com/19

 

oninput onchange Event

1. oninput 우리는 input 태그와 textarea 태그의 데이터를 입력 할 때가 많이 있습니다. 이 태그들은 사용자로 데이터를 입력 받구 서버에 데이터를 전송 하는 경우가 많습니다. 그런데 사용자가 데이

coding-food-court.tistory.com

 

https://www.w3schools.com/jsref/event_oninput.asp

 

oninput Event

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

 

반응형
저작자표시

'Programming > JavaScript' 카테고리의 다른 글

HTML5의 data-* 속성  (0) 2024.03.02
var / let / const 차이  (0) 2022.06.01
null 값 체크  (0) 2022.05.22
JavaScript 배열  (0) 2022.05.21
[JavaScript] 형변환  (0) 2022.01.18
'Programming/JavaScript' Related Articles more