· FRONT-END/└ JS
[ JavaScript ] 이벤트: onBlur, onChange, onClick, onFocus, onSelect, onSubmt
감자도리22
2024. 6. 15. 15:55
[ 자바스크립트 기본 이벤트 ]
| 함수 | 설명 |
| 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