[ TUE 30 . 07 . 2013 ] java script 이벤트 자바 스크립트 이벤트 목록 onabort 이미지 의 다운로드 를 중지 할 때 ( 브라우저 의 중지 버튼 ) onactivate 개체 가 활성 화 될 때 발생 ( 태그 의 기능 이 작용 할 때 발생 하 는 이벤트 로 예 를 들 어 링크 를 누를 경우 링크 가 옮겨질 때 발생 하 는 것 을 감지 하 는 이벤트 핸들러 ) onafterprint 문서 가 출력 되 거나 혹은 출력 하 기 위해 출력 미리 보 기 를 한 후 에 발생 onafterupdate 데이터 영역 개체 에서 발생 하 는 이벤트 로 데이터 소스 오브젝트 내 의 데이터 가 업데이트 되 었 을 때 발생 ( 데이터 개체 부분 참조 ) onbeforeactivate 개체 가 활성 화 상태 로 되 기 바로 직전 에 발생 ( onactivate 참고 ) onbeforecopy 선택 영역 이 시스템 의 클립보드 로 복사 되 기 바로 직전 에 발생 onbeforecut 선택 영역 이 지워 지 기 바로 직전 에 발생 onbeforedeactivate 부모 문서 에서 현재 개체 에서 다른 개체 로 activeElement 가 바뀔 때 발생 ( activeElement 는 개체 를 지칭 하 는 예약어 로 도 쓰임 ) onbeforeeditfocus 편집 가능 한 개체 내부 에 포함 된 개체 가 편집 활성 화 된 상태 가 되 거나 혹은 편집 가능 한 개체 가 제어 를 위해 선택 될 때 onbeforepaste 시스템 의 클립보드 에서 문서 로 붙여 넣 기 될 때 대상 개체 에서 발생 onbeforeprint 문서 가 출력 되 거나 혹은 출력 하 기 위해 출력 미리 보 기 직전 에 발생 onbeforeunload 페이지 가 언 로드 되 기 직전 에 발생 onbeforeupdate 데이터 영역 개체 에서 발생 하 는 이벤트 로 데이터 소스 오브젝트 내 의 데이터 가 업데이트 되 기 전 에 발생 ( 데이터 개체 부분 참조 ) onblur 개체 가 포커스 를 잃 었 을 때 onbounce 마 퀴 태그 에서 alernate 상태 에서 스크롤 이 양 사이드 에서 바운드 될 때 발생 oncellchange 데이터 제공 개체 에서 데이터 가 변화 할 때 발생 onchange 개체 혹은 선택 영역 의 내용 이 바뀔 때 발생 onclick 개체 위 에서 마우스 의 왼쪽 버튼 을 누를 때 발생 oncontextmenu 클라이언트 영역 에서 사용 자 가 마우스 오른쪽 버튼 을 눌러 콘 텍스트 메뉴 를 열 때 발생 oncontrolselect 사용 자 가 개체 의 제어 영역 을 만들 때 발생 oncopy 시스템 의 클립보드 에 선택 영역 혹은 개체 를 복사 할 때 소스 개체 로부터 발생 oncut 시스템 의 클립보드 에 선택 영역 혹은 개체 를 잘라낼 때 소스 개체 로부터 발생 ondataavailable 비 정기 적 으로 데이터 를 전달 하 는 데이터 소스 개체 로부터 데이터 가 도착 할 때 마다 정기 적 으로 발생 ondatasetchanged 데이터 소스 개체 의 변화 에 의해 데이터 가 노출 된 상태 로 될 때 발생 ondatasetcomplete 데이터 소스 개체 로부터 모든 데이터 가 유용 한 상태 로 표시 될 때 발생 ondblclick 사용 자 가 개체 에 더블클릭 할 때 발생 ondeactivate 모 문서 에서 현재 개체 에서 다른 개체 로 activeElement 가 변할 때 발생 ondrag 드래그 상태 가 지속 되 는 동안 소스 객체 로부터 발생 ondragend 드래그 상태 가 끝 날 때 소스 객체 로부터 발생 ondragenter 사용 자 가 개체 를 드래그 하 여 드롭 가능 위치 로 지정 된 영역 으로 이동 할 때 타 갯 개체 에서 발생 ondragleave 사용 자 가 개체 를 드래그 하 여 드롭 가능 위치 로 지정 된 영역 을 떠날 때 타 갯 개체 에서 발생 ondragover 사용 자 가 개체 를 드래그 하 여 드롭 가능 위치 로 지정 된 영역 내 에서 드래그 할 때 계속 적 으로 타 갯 개체 에서 발생 ondragstart 선택 된 개체 혹은 텍스트 영역 에서 사용 자 가 드래그 를 시작 할 때 발생 ondrop 드래그 앤드 롭 작용 에서 상태 가 진행 되 는 동안 개체 가 타 갯 개체 에 드롭 되 었 을 때 타 갯 개체 에서 발생 onerror 개체 가 로드 되 는 동안 발생 하 는 이벤트 onerrorupdate 데이터 소스 개체 내 에 데이터 가 없 데이트 되 는 동안 에러 가 발생 할 때 데이터 영역 개체 에서 발생 onfilterchange 비주얼 필터 의 상태 가 바뀌 거나 트랜 지 션 이 완료 되 었 을 때 발생 onfinish 마 퀴개체의 loop 가 완료 되 었 을 때 발생 onfocus 개체 가 포커스 를 받 았 을 때 발생 onfocusin 개체 에 포커스 가 셋 팅 되 기 바로 직전 개체 에 대해 발생 onfocusout 포커스 가 다른 개체 로 이동한 후 에 포커스 를 가 고 있 는 현재 개체 에서 발생 onhelp 브라우저 가 활성 화 되 어 있 는 동안 F 1 키 를 눌렀 을 때 onkeydown 사용 자 가 키 를 눌렀 을 때 onkeypress 기능키 를 제외 한 키 를 눌렀 을 때 발생 onkeyup 사용 자 가 키 를 놓 았 을 때 발생 onlayoutcomplete 소스 문서 로 부 터 콘 텐 드 를 가지 는 객체 가 미리 보 기 나 출력 을 할 때 현제 LayoutRect 개체 를 모두 채우 는 것 이 끝났 을 때 발생 onload 브라우저 가 개체 를 로드 한 후 에 발생 onlosecapture 개체 가 마우스 캡쳐 를 잃 었 을 때 발생 onmousedown 개체 위 에 마우스 버튼 을 누를 때 발생 ( 좌우 어느 버튼 이 든 ) onmouseenter 개체 안 으로 마우스 포인터 가 들어올 때 발생 onmouseleave 개체 의 경계 밖 으로 마우스 포인터 가 이동 할 때 발생 onmousemove 개체 위 에서 마우스 가 움직일 때 발생 onmouseout 개체 밖 으로 마우스 포인터 가 빠져 나갈 때 발생 onmouseover 개체 위 로 마우스 포인터 가 들어올 때 발생 onmouseup 마우스 가 개체 위 에 있 는 동안 마우스 를 누른 상태 에서 해제 될 때 발생 onmousewheel 마우스 휠 이 돌아갈 때 발생 onmove 개체 가 움직일 때 발생 onmoveend 개체 가 움직임 이 끝날 때 발생 onmovestart 개체 가 움직이 기 시작 할 때 발생 onpaste 문서 에 클립보드 로부터 데이터 가 전송 될 때 타 겟 개체 에서 발생 onpropertychange 개체 의 속성 이 바뀔 때 발생 onreadystatechange 개체 의 상태 가 변화 할 때 발생 onresetForm 을 사용 자 가 리셋 할 경우 발생 onresize 개체 의 크기 가 바뀔 때 발생 onresizeend 제어 영역 에서 개체 의 크기 가 사용자 에 의해 변화 가 끝 날 때 발생 onresizestart 제어 영역 에서 개체 의 크기 가 사용자 에 의해 변화 되 기 시작 할 때 발생 onrowenter 데이터 소스 내 에서 현재 열 이 변화 되 거나 개체 에 새로운 유용 한 데이터 가 입력 될 때 발생 onrowexit 데이터 소스 콘트롤 이 개체 내 의 현재 열 을 변화 시킬 때 발생 onrowsdelete 레코드 셋 에서 열 이 삭제 될 때 발생 onrowsinserted 현재 레코드 셋 에 새로운 열 이 추가 된 후 에 발생 ( 데이터 개체 에서 ) onscroll 사용 자 가 개체 내 의 스크롤 바를 스크롤 할 때 발생 onselect 현재 선택 된 영역 이 바뀔 때 발생 onselectionchange 문서 의 선택 영역 의 상태 가 바뀔 때 발생 onselectstart 개체 가 선택 되 기 시작 할 때 발생 onstart 마 퀴개체에서 루프 가 매번 시작 될 때 발생 onstop 사용 자 가 stop 버튼 을 눌렀 을 경우 혹은 페이지 를 떠날 때 발생 onsubmit 폼 이 전송 되 기 직전 에 발생 onunload 개체 가 언 로드 되 기 직전 에 발생 이벤트 를 사용 하 기 위해서 는 이벤트 정의 가 필요 함 . 이 는 브라우저 별 로 인식 하 는 방식 이 다르 기에 다음 과 같 은 스크립트 를 응용 . onresize 이벤트 를 사용 하 여 창 의 사이즈 를 조절 할 때 창 의 사이즈 가 조절 되 면 다시 onresize 이벤트 가 작동 한다 . 그러면 또 사이즈 를 조절 하 고 또 작동 하 는 식 으로 무한 루프 에 빠지 게 됨 으로 논리 적 인 알고리즘 설계 가 중요 함 . 스크립트 는 최소한 3 종류 이상 의 브라우저 에서 테스트 해야 호환 성 검증 을 할 수 있 음 . function addEvent ( obj , eventType , functionName ) { if ( obj . addEventListener ) { obj . addEventListener ( eventType , functionName , false ) ; } else if ( obj . attachEvent ) { obj . attachEvent ( on " + eventType , functionName ) ; } else { obj [ on " + eventType ] = functionName ; / / same as " obj . onType = functionName " }} function removeEvent ( obj , eventType , functionName ) { if ( obj . removeEventListener ) { obj . removeEventListener ( eventType , functionName , false ) ; } else if ( obj . detachEvent ) { obj . detachEvent ( on " + eventType , functionName ) ; obj [ eventType + functionName ] = null ; obj [ " e " + eventType + functionName ] = null ; } else { obj [ eventType + functionName ] = null ; obj [ on " + eventType + functionName ] = null ; obj [ " e " + eventType + functionName ] = null ; }}// 이벤트 정의 할 때 ( 이벤트 의 ' on ' 접두사 는 빼 고 입력 ) addEvent ( window , " load ", eventFunction ) ; / / window . onload = function ( ) { eventFunction ( ) ;}; 와 동일 addEvent ( document . getElementById ( " name ")," change ", eventFunction ) ;// 이벤트 삭제 할 때 removeEvent ( window , " load ", pageSet ) ; removeEvent ( document . getElementById ( " name ")," change ", eventFunction ) ;// 이벤트 핸들러 함수 function eventFunction ( e ) { / / 처리 할 스크립트 } 공유 하 기 글 요소