[ 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
개인 공부 기록용입니다:)
728x90
'· FRONT-END > └ JS' 카테고리의 다른 글
[ JavaScript ] 이동 차단 (0) | 2024.06.19 |
---|---|
[ JavaScript ] kakaomap API를 사용 및 응용해보기 (0) | 2024.06.17 |
[ JS ] 이미지 슬라이더 라이브러리 적용하기 (0) | 2024.06.13 |
[ JS ] 날짜 라이브러리 적용하기 (1) | 2024.06.12 |
[ JS ] DOM 제어 (0) | 2024.06.08 |