2009. 1. 9. 23:04, DEV/html/css/js/img
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
이벤트 : 사용자가 브라우저에서 행한 행위를 이벤트라고 한다.
즉 버튼을 클릭하거나 더블클릭, 키보드를 누르는 행위 마우스를 드래그 하는 등등을 이벤트라고 한다.
이벤트 핸들러 : 이벤트(사용자의 행위) 발생 시 그에 따른 작용을 나타내기 위해 작성된 자바스크립트 코드
이벤트 이름 앞에 on을 덧붙인다. ex) 마우스 클릭 - onclick
이벤트 핸들러 작성 방법 : <태그이름 이벤트 핸들러="자바스크립트코드">
이벤트 핸들러 작성 방법 : <태그이름 이벤트 핸들러="자바스크립트코드">
이벤트 핸들러의 종류
onabort 이미지 로딩이 중단될 때
onload 브라우저가 윈도우, 프레임, 이미지 등의 객체 로딩 직후
onunload 객체가 언로드될 때
onbeforeunload 객체가 언로드되기 전에
onreadystatechange 문서의 로딩 과정에 따라 문서 상태가 변할 때마다 발생
onerror HTML 문서나 이미지 로딩 시 오류가 발생할 때
onstop 사용자가 스톱버튼을 클릭하거나 웹페이지를 이동할 때
onhelp 사용자가 F1키를 클릭할 때
onblur 객체가 포커스를 잃을 때
onchange select, text, textarea 필드의 값 변경 후 포커스를 잃을 때
onfocus 객체가 포커스를 받을 때
onkeydown 사용자가 임의의 키를 누른 순간에
onkeypress 사용자가 알파뉴메릭 키를 누른 순간에
onkeyup 사용자가 누른 키를 놓을 때
onclick 객체가 클릭될 때
ondblclick 사용자가 객체를 더블클릭할 때
oncontextmenu 사용자가 클라이언트 영역에서 오른쪽 마우스버튼을 클릭할 때
onmousedown 사용자가 마우스를 누른 순간
onmousemove 사용자가 마우스를 움직일 때
onmouseout 객체위로 올라간 마우스가 내려올 때
onmouseover 마우스 커서가 객체 위로 올라갈 때
onmouseup 사용자가 누른 마우스 버튼을 놓을 때
onmouseenter 마우스 커서가 객체위로 올라갈 때
onmouseleave 객체위로 올라간 마우스가 내려올 때
ondrag 드래그 동작 동안 소스 객체에 계속적으로 발생
ondragenter 소스가 목적 객체위로 드래그되는 순간, 목적 객체에 발생
ondragstart 선택한 소스로 드래그를 시작할 때 소스객체에 발생
ondragover 목적객체 위로 드래그되어 있는 동안 목적 객체에 계속 발생
ondragleave 드래그 상태로 목적 객체에서 마우스가 빠져 나올 때, 목적 객체에
ondragend 드래그 동작이 끝날 시점 클릭된 마우스가 놓여질 때, 소스 객체에
ondrop 드래그 동작이 끝날 시점 클릭된 마우스가 놓여질 때, 목적 객체에
onselect 현재 선택된 내용이 변할 때
onselectstart 객체가 선택되어지고 있을 때, 처음 객체에 발생
onselectionchange 문서의 선택된 상태가 변경될 때 document객체에 발생
onmove 윈도우나 프레임 혹은 객체의 위치가 변경될 때, 변경 전에 발생
onresizestart 윈도우나 프레임 혹은 객체의 크기가 변경될 때, 변경 전에 발생
onresize onresizestart가 불려진 후
onresizeend 윈도우나 프레임 혹은 객체의 크기가 변경된 후
onscroll 스크롤바가 존재하는 객체에 스크롤이 발생할 때
onreset 폼이 리셋될 때
onsubmit 폼이 전송될 때
onbeforecopy 선택된 소스객체가 클립보드로 복사되기 전에, 소스객체에
oncopy 선택된 소스객체가 클립보드로 복사될 때, 소스객체에
onbeforecut 선택된 소스객체가 문서에서 제거되기 전에, 소스객체에
oncut 선택된 소스객체가 문서에서 제거될 때, 소스객체에
onbeforepaste 클립보드로부터 객체를 문서에 붙이기 전, 목적객체에
onpaste 클립보드로부터 객체를 문서에 붙일 때, 목적객체에
onstart MARQUEE 객체가 매번 루프를 도는 시작 시점에
onbounce MARQUEE 객체의 behavior가 alternate로 된 경우 텍스트가 한쪽끝에 도달할 때
onfinish MARQUEE 객체의 루프가 완전히 종료될 때
onactivate 객체가 activeElement로 설정될 때
onbeforedeactivate activeElement가 변경되기 전, 현재 activeElement 객체에
ondeactivate activeElement가 변경될 때
onbeforeprint 문서의 프린트나 미리보기를 수행하기 전
onafterprint 문서의 프린트나 미리보기를 수행한 후
onlayoutcomplete 프린트나 미리보기시 레이아웃이 끝날 때
onfilterchange 비쥬얼 필터의 상태가 변할 때
onlosecapture 객체가 마우스 캡쳐를 잃을 때
onpropertychange 프로퍼티가 변할 때
onbeforeupdate 데이터를 주로 포함하는 객체의 데이터가 변경될 때
onafterupdate 데이터를 주로 포함하는 객체의 데이터가 변경된 후
onerrorupdate 데이터를 주로 포함하는 객체에 데이터를 변경하면서 오류발생
oncellchange 데이터 공급객체인, applet, bdo, object의 데이터가 변경될 때
ondataavailable 비동기적으로 데이터를 공급받는 객체에 데이터가 도착할 때
ondatasetchanged 데이터 공급객체들이 노출한 데이터 셋이 새로 변경될 때
ondatasetcomplete 데이터 공급객체들로부터 모든 데이터가 준비되었을 때
onrowenter 데이터 공급객체에 현재 행이 변경되고 새 데이터가 사용가능할 때
onrowexit 데이터 공급 콘트롤이 현재 행을 변경하기 직전
onrowsdelete 행들이 레코드셋으로부터 삭제될 때
onrowsinserted 새로운 행들이 레코드셋에 추가될 때
onabort 이미지 로딩이 중단될 때
onload 브라우저가 윈도우, 프레임, 이미지 등의 객체 로딩 직후
onunload 객체가 언로드될 때
onbeforeunload 객체가 언로드되기 전에
onreadystatechange 문서의 로딩 과정에 따라 문서 상태가 변할 때마다 발생
onerror HTML 문서나 이미지 로딩 시 오류가 발생할 때
onstop 사용자가 스톱버튼을 클릭하거나 웹페이지를 이동할 때
onhelp 사용자가 F1키를 클릭할 때
onblur 객체가 포커스를 잃을 때
onchange select, text, textarea 필드의 값 변경 후 포커스를 잃을 때
onfocus 객체가 포커스를 받을 때
onkeydown 사용자가 임의의 키를 누른 순간에
onkeypress 사용자가 알파뉴메릭 키를 누른 순간에
onkeyup 사용자가 누른 키를 놓을 때
onclick 객체가 클릭될 때
ondblclick 사용자가 객체를 더블클릭할 때
oncontextmenu 사용자가 클라이언트 영역에서 오른쪽 마우스버튼을 클릭할 때
onmousedown 사용자가 마우스를 누른 순간
onmousemove 사용자가 마우스를 움직일 때
onmouseout 객체위로 올라간 마우스가 내려올 때
onmouseover 마우스 커서가 객체 위로 올라갈 때
onmouseup 사용자가 누른 마우스 버튼을 놓을 때
onmouseenter 마우스 커서가 객체위로 올라갈 때
onmouseleave 객체위로 올라간 마우스가 내려올 때
ondrag 드래그 동작 동안 소스 객체에 계속적으로 발생
ondragenter 소스가 목적 객체위로 드래그되는 순간, 목적 객체에 발생
ondragstart 선택한 소스로 드래그를 시작할 때 소스객체에 발생
ondragover 목적객체 위로 드래그되어 있는 동안 목적 객체에 계속 발생
ondragleave 드래그 상태로 목적 객체에서 마우스가 빠져 나올 때, 목적 객체에
ondragend 드래그 동작이 끝날 시점 클릭된 마우스가 놓여질 때, 소스 객체에
ondrop 드래그 동작이 끝날 시점 클릭된 마우스가 놓여질 때, 목적 객체에
onselect 현재 선택된 내용이 변할 때
onselectstart 객체가 선택되어지고 있을 때, 처음 객체에 발생
onselectionchange 문서의 선택된 상태가 변경될 때 document객체에 발생
onmove 윈도우나 프레임 혹은 객체의 위치가 변경될 때, 변경 전에 발생
onresizestart 윈도우나 프레임 혹은 객체의 크기가 변경될 때, 변경 전에 발생
onresize onresizestart가 불려진 후
onresizeend 윈도우나 프레임 혹은 객체의 크기가 변경된 후
onscroll 스크롤바가 존재하는 객체에 스크롤이 발생할 때
onreset 폼이 리셋될 때
onsubmit 폼이 전송될 때
onbeforecopy 선택된 소스객체가 클립보드로 복사되기 전에, 소스객체에
oncopy 선택된 소스객체가 클립보드로 복사될 때, 소스객체에
onbeforecut 선택된 소스객체가 문서에서 제거되기 전에, 소스객체에
oncut 선택된 소스객체가 문서에서 제거될 때, 소스객체에
onbeforepaste 클립보드로부터 객체를 문서에 붙이기 전, 목적객체에
onpaste 클립보드로부터 객체를 문서에 붙일 때, 목적객체에
onstart MARQUEE 객체가 매번 루프를 도는 시작 시점에
onbounce MARQUEE 객체의 behavior가 alternate로 된 경우 텍스트가 한쪽끝에 도달할 때
onfinish MARQUEE 객체의 루프가 완전히 종료될 때
onactivate 객체가 activeElement로 설정될 때
onbeforedeactivate activeElement가 변경되기 전, 현재 activeElement 객체에
ondeactivate activeElement가 변경될 때
onbeforeprint 문서의 프린트나 미리보기를 수행하기 전
onafterprint 문서의 프린트나 미리보기를 수행한 후
onlayoutcomplete 프린트나 미리보기시 레이아웃이 끝날 때
onfilterchange 비쥬얼 필터의 상태가 변할 때
onlosecapture 객체가 마우스 캡쳐를 잃을 때
onpropertychange 프로퍼티가 변할 때
onbeforeupdate 데이터를 주로 포함하는 객체의 데이터가 변경될 때
onafterupdate 데이터를 주로 포함하는 객체의 데이터가 변경된 후
onerrorupdate 데이터를 주로 포함하는 객체에 데이터를 변경하면서 오류발생
oncellchange 데이터 공급객체인, applet, bdo, object의 데이터가 변경될 때
ondataavailable 비동기적으로 데이터를 공급받는 객체에 데이터가 도착할 때
ondatasetchanged 데이터 공급객체들이 노출한 데이터 셋이 새로 변경될 때
ondatasetcomplete 데이터 공급객체들로부터 모든 데이터가 준비되었을 때
onrowenter 데이터 공급객체에 현재 행이 변경되고 새 데이터가 사용가능할 때
onrowexit 데이터 공급 콘트롤이 현재 행을 변경하기 직전
onrowsdelete 행들이 레코드셋으로부터 삭제될 때
onrowsinserted 새로운 행들이 레코드셋에 추가될 때
'DEV > html/css/js/img' 카테고리의 다른 글
| [자바스크립트] 팝업 화면 리사이즈하기 (0) | 2009.02.25 |
|---|---|
| 요청과 동시에 자바스크립트가 실행되게 하기 위해서는..? (0) | 2009.01.06 |
| 문자 길이가 길경우 ...(말줄임표) (0) | 2008.12.29 |
Comments, Trackbacks
