자바스크립트 이벤트

 

[자바스크립트] 이벤트 핸들링

onAbort	이미지를 로딩하는 작업이 사용자의 행동으로 인해 취소되었을때
onBlur	문서나 윈도우, 프레임세트, 폼 요소에서 현재 입력 포커스가 사라질때
onChange	텍스트 필드나 텍스트 영역, 파일 업로드 필드, 선택 항목이 변경되어 현재 입력 포커스가 사라질 때
onClick	링크나 클라이언트측 이미지맵 영역, 폼 요소가 클릭되었을 때
onDbClick	링크나 클라이언트측 이미지맵 영역, 문서가 더블 클릭되었을 때
onDragDrop	드래그된 객체가 윈도우나 프레임에 드롭되었을 때
onError	이미지나 윈도우, 프레임을 로딩하는 동안 에러가 발생할 때
onFocus	문서나 윈도우, 프레임 세트, 폼 요소에 입력 포커스 놓였을 때
onKeyDown	키를 누를 때
onKeyPress	키를 눌렀다 놓았을 때
onKeyUp	키를 놓았을 때
onLoad	이미지나 문서, 프레임이 로드될 때
onMouseDown	마우스 버튼 누를 때
onMouseMove	마우스를 이동할 때
onMouseOut	링크나 클라이언트측 이미지맵에서 마우스를 옮길 때
onMouseOver	마우스를 링크나 클라이언트측 이미지맵으로 옮길 때
onMouseUp	마우스 버튼을 놓았을 때
onMove	사용자가 윈도우나 프레임에서 이동할 때
onReset	폼의 리셋 버튼을 클릭하여 폼을 리셋시킬 때
onResize	사용자가 윈도우나 프레임의 크기를 조절할 때
onSelect	텍스트는 텍스트 필드나 영역에서 선택되었을 때
onSubmit	폼이 제출될 때 (서브밋 버튼 눌렀을 때)
onUnload	사용자가 문서나 프레임 세트를 종료할 때

onLoad : 문서가 읽혀지는 경우 (웹페이지 불러올 때 이벤트가 실행된단 말..쌤말로는 웹페이지 다 로딩된 후에 이게 실행된다네요)
onUnload : 다른 문서가 불려지는 등의 이유로 문서가 사라질 경우 (윈도창 끄던지 그 창에 다른 페이지 뜨던지 할때 실행된단 말)

onResize : 창의 크기를 변화시켰을때 발생하는 이벤트 (윈도창 늘렸다 줄였다하면 실행된단 말)
onError : 이미지나 윈도우, 프레임 로딩시 에러가 났을때 발생하는 이벤트 (이미지 배꼽으로 뜰 때나 페이지 표시할수 없음 뜰때 실행된단 말)
onAbort : 로딩 작업을 취소했을 때 발생하는 이벤트 (윈도창 저~위에서 중지 누르든가 Esc키 누르믄 로딩되다가 말자나요..그 때 실행된단 말)

 

onClick : 폼 양식이나 이미지 등을 마우스로 클릭할 경우 (이건 쉽다ㅎㅎ)
onDblclick : 더블클릭한 경우

onMouseover : 마우스가 이미지 등의 위로 올라간 경우 (이미지나 글자 폼 이런거 다 해당요^^)
onMouseout : 마우스가 이미지 등에서 벗어난 경우
onMousedown : 마우스를 눌렀을때, 발생하는 이벤트 (클릭처리 전. 마우스 누른 상태에서 손 안땐 상태-_-;;)
onMouseup :  마우스를 떼었을때, 발생하는 이벤트
onMousemove : 마우스 이동시에 발생하는 이벤트 (마우스 움직일 때 마다~)

onDragdrop : 드래그했을때 발생하는 이벤트 (이건 클릭해서 끌고 갈때인지 셀렉트처럼 드레그해서 선택했을 때인지 잘 모르겠음ㅠㅠ)

 

onKeypress : 키보드 자판을 입력했을경우 (press보다는 down이나 up을 이용하는것이 좋다고 하네요)
onKeydown : 키보드 자판을 눌렀을때 발생하는 이벤트 (press 처리 전..press는 눌렀다 뗀거 합친거)
onKeyup : 키보드 자판을 떼어낼때 발생하는 이벤트 (자판 눌렀다가 손뗄 때 실행된다네요..ㅋㅋ)

 

onFocus : 해당 개체에 focus가 올 경우 (얘네는 폼에서만 쓰이겠네요..입력상자 같은거에 커서 들어오면 실행된단 말이네요)
onBlur : 해당 개체에서 focus가 떠났을 경우 (요건 커서가 떠났을 때..그니깐 탭키 눌러서 딴 데가거나 아니면 클릭해서 딴데가믄;;)

 

onChange : 폼 양식 등에서 입력이나 선택 등의 변화가 일어난 경우 (select태그에서 딴거 선택하거나 입력상자 같은데서 딴거 썼을 때)
onSelect : 폼 양식이 선택된 경우 (select태그에서 선택되었거나 입력상자에 써놓은거 드레그해서 선택했을 때 실행된단 말)
onReset : 폼의 리셋 버튼을 클릭하여 폼을 리셋 시킬 때
onSubmit : submit가 발생할 경우 (입력양식에꺼 서버로 제출할 때 실행된단 말)