자바 스크립트에서 자주 사용되는 이벤트들
■ JavaScript에서 자주 사용되는 Event들...
■ Window Method (창의 제어와 관련된 함수들)
■ String Method (문자 또는 문자열과 관련된 함수들)
■ Math Method (수치의 계산과 관련된 함수들)
■ 기타 Method
EVENT | EVENT 내용 |
OnLoad | 현재의 페이지가 로딩되었을 경우 |
OnUnload | 현재의 페이지에서 다른 페이지로 이동할 경우 |
OnError | 현재의 페이지를 읽는 중에 JavaScript Error가 발생할 경우 |
OnAbort | 이미지를 읽는 도중 중지하였을 경우 |
OnMouseOver | 마우스 커서를 개체 위에 두었을 경우 |
OnMouseOut | 마우스 커서를 개체 위에 두었다가 밖으로 이동했을 경우 |
OnClick | 링크 부분이나 버튼을 클릭했을 경우 |
OnDbclick | 링크 부분이나 버튼을 더블클릭했을 경우 |
OnMouseDown | 링크 부분이나 버튼을 클릭했을 경우(OnClick과 동일) |
OnMouseUp | 마우스 버튼을 클릭했다가 떼었을 경우 |
OnKeyDown | 키보드를 눌렀을 경우 |
OnKeyPress | 키보드를 누르고 있을 경우 |
OnKeyUp | 키보드를 눌렀다 떼었을 경우 |
OnFocus | 폼 양식 입력필드에서 마우스 커서를 위치 하였을 경우 |
OnBlur | 폼 양식 입력필드에서 다른곳으로 마우스 커서를 위치 하였을 경우 |
OnChange | 폼 양식 속의 입력필드가 변경되었을 경우 |
OnSelect | 폼 양식 속의 입력필드 내에 텍스트를 선택하였을 경우 |
Onsubmit | 폼 양식을 전송할 경우 |
OnReset | 폼 양식을 재설정 했을 경우 |
OnHelp | Help Key를 눌렀을 경우 |
OnReadyStateChange | 페이지가 로드될 경우 |
OnAfterUpdate | 폼 양식속의 입력 필드가 변경 되었을 경우 |
OnBeforeUpdate | 폼 양식 속의 항목이 변경된 경우 |
OnScroll | 스크롤 막대를 스크롤할 경우 |
METHOD | DESCRIPTON |
window.alert('내용'); | 메시지와 함께 확인 메시지가 뜹니다. |
window.confirm('내용'); | 확인과 취소 버튼이 생기는 메시지 박스입니다. |
window.prompt('내용','default-value'); | 입력할 수 있는 박스가 뜹니다. |
window.open('URL','창의 이름','속성'); | 새로운 창을 띄웁니다. 속성에 대해서는 Window Script의 창 제어 스크립트 요약을 참고하세요. |
window.close(); self.close(); close(); |
현재의 창(위의 "window.open"에 의해 열린)을 닫습니다. 셋중 아무거나 쓰셔도 좋습니다. |
window.location='URL'; href.location='URL'; |
현재의 페이지를 지정한 페이지로 이동시켜 줍니다. |
METHOD | DESCRIPTON |
string.blink(); | 텍스트를 깜박거리게 해 줍니다. |
string.bold(); | 텍스트의 폰트를 굵게 만들어 줍니다. |
string.fontcolor(color); | 텍스트의 색상을 보여 줍니다. |
string.italics(); | 텍스트를 이탤릭체로 바꾸어 줍니다. |
toLowerCase(); toUpperCase(); |
소문자로, 대문자로 바꾸어 줍니다. |
string.charAt(index); | 지정된 문자열에서 하나의 문자를 반환합니다. index는 문자열의 순서(0부터 시작) |
string.substring(index A,index B) | index A부터 index B까지의 문자열을 반환합니다. |
METHOD | DESCRIPTON |
Math.abs() | 절대값을 반환합니다. |
Math.ceil() | 지정한 수보다 그 이상의 정수를 반환합니다.(예: 2.4 -> 3) |
Math.exp() | 오일러 상수 e(약,2.718)를 나타내는 수 |
Math.log() | 자연로그 값을 반환합니다. |
Math.max() | 가장 큰 값을 반환합니다. |
Math.min() | 가장 작은 값을 반환합니다. |
Math.pow(a,b) | a의 b만큼 제곱한 값을 반환합니다. |
METHOD | DESCRIPTON |
history.go(-1); history.back(); history.forward(); |
Back & Forward Button. history.go의 경우()안의 수만큼 뒤나 앞으로 이동할 수 있다(-뒤로, +앞으로). |
location.reload(); | 새로 고침 |
지정한 변수.length | 문자열의 길이를 반환합니다. |
document.write('내용'); | BODY TAG안에 입력되는 것처럼, 괄호 안에 있는 텍스트를 HTML문서로 내보냅니다. |
document.linkColor="color"; | 링크 색을 지정합니다. |
document.bgColor="color"; | 문서의 배경색을 지정합니다. |
document.fgColor="color"; | 문서의 디폴트 텍스트 색상을 지정합니다. |
document.alinkColor="color"; | 활성화 링크 색상 지정합니다. |
document.vlinkColor="color"; | 방문된 링크의 색상 지정합니다. |