JavaScript
JavaScript Events
ToKor
2020. 12. 8. 02:56
UI Event
브라우저의 UI와 상호작용시 발생하는 이벤트
load | 웹페이지의 모든 요소 업로드 후 발생 |
unload | 웹페이지가 언로드될때(주로 새페이지 요청시) |
error | 브라우저에서 자바스크립트 오류가 발생했거나, 요청한 리소스가 존재하지 않을때 |
resize | 웹페이지 문서 뷰의 사이즈가 변경될때 발생 |
scroll | 전체 페이지뿐 아니라 특정요소에서도 적용(스크롤바있는 textarea) |
Keyboard Events
키보드 작동시 발생하는 이벤트
input | input/textarea 여소 값의 변경시 |
keydown | 사용자가 키를 눌렀을때 |
keypress | 사용자가 눌렀던 키의 문자가 입력될시 |
keyup | 사용자가 눌렀던 키를 떼었을때 |
Mouse Events
마우스 작동시 발생하는 이벤트
click | 마우스 버튼을 눌렀다가 뗄때 |
dbclick | 마우스 버튼을 더블 클릭했을때 |
mousedown | 마우스 버튼을 누르고 있을때 |
mouseup | 눌렀던 마우스 버튼을 뗄때 |
mousemove | 마우스를 움직일때 (터치스크린 X) |
mouseover | 요소위로 마우스를 움직였을때(터치스크린 X) |
mouseout | 요소 바깥으로 마우스를 움직였을때(터치스크린 X) |
mouseenter | 특정 영역 안으로 들어왔을때 |
mouseleave | 특정 영역 바깥으로 나갔을때 |
Focus Events
focus / focusin | 포커스를 얻었을때 |
blur / focusout | 포커스를 잃었을때 |
Form Events
input | <input> 또는 <textarea> 요소값이 변경되었을때 |
change | DDL, CHECKBOX, RADIO BUTTON 의 상태가 변경되었을때 |
submit | 사용자가(버튼이나 키를 통해) 폼을 제출할때 |
reset | 초기로 되돌림 |
cut | 사용자가 폼필드의 콘텐츠를 잘라내기 했을때 |
copy | 사용자가 폼필드의 콘텐츠를 복사했을때 |
paste | 사용자가 폼필드의 콘텐츠를 붙여넣었을때 |
select | 사용자가 폼필드에서 텍스트를 선택했을때 |