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 사용자가 폼필드에서 텍스트를 선택했을때