[ JavaScript ] 이벤트: onBlur, onChange, onClick, onFocus, onSelect, onSubmt

2024. 6. 15. 15:55· FRONT-END/└ JS

 

[ 자바스크립트 기본 이벤트 ]

함수 설명
onBlur() 입력태그 (select, text, textarea)가 실행된 후, 사용자가 다른 곳으로 이동할 때 이벤트 발생 
onChange() 사용자가 입력태그(select, text, textarea)의 텍스트를 변경하면 이 이벤트 발생
onClick() 사용자가 객체를 클릭할 때 이벤트 발생
onFocus() HTML 양식에서 입력태그(select, text, textarea)가 선택되면 이벤트 발생
onSelect() textarea 또는 text 상자의 일부 text가 선택될 때 이벤트 발생
onSubmit() HTML 양식의 제출 버튼을 클릭하여 양식 데이터를 웹 서버에 제출할 때 이벤트 발생
onReset() 사용자가 초기화 버튼을 누를 때 이벤트 발생
onKeydown() / onKeypress() 사용자가 키를 누르거나 누르고 있을 때 이벤트 발생
onKeyup() 사용자가 키를 놓았을 때 이벤트 발생

 

- 아래 글에도 자세히 잘 나왔으니 참고 하길 추천

https://www.heelpbook.net/2014/javascript-events-onblur-onchange-onclick-onfocus-onselect-onsubmit/

 

- 기본 이벤트를 쉽게 이해하기 위해, 각각의 메소드들을 테스트 해볼 수 있는 사이트

  마우스 이벤트, 클릭 이벤트, 로드 이벤트 등 잘 정리 되어있다!

https://www.w3schools.com/js/js_events_examples.asp

 

 

 

 

개인 공부 기록용입니다:)

참고 : https://greeentea.tistory.com/entry/Javascript-%EA%B8%B0%EB%B3%B8-%EC%9D%B4%EB%B2%A4%ED%8A%B8onBlur-onChange-onClick-onFocus-onSelect-onSubmit

728x90