javascript 마우브 이벤트 mouseevent

onmousedown

onmousemove

onmouseout

onmouseover

onmouseup

onmousewheel

유용하겠죠?

event.button == 1 마우스 왼쪽

event.button == 2 마우스 오른쪽

보너스 key event

onkeydown

onkeypress

onkeyup

onfocus

onchange <- 포커스를 잃었을 때

javascript 꺼

onclick

ondblclick

밑에꺼는 html

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 : 스크롤 막대를 스크롤할 경우

<img src='http://www.nzeo.com/images/main/top_btn_2_on.gif' onclick= "javascript:window.open('http://kr.yahoo.com','yahoo');"onmouseover="this.style.cursor='hand'">

onmouseover="this.style.cursor='hand'"
이부분이 더 들어가있습니다.

onmouseover 는 마우스가 올라왔을때 발생하는 이벤트를 말합니다. 마우스가 올라왔을때 마우스커서모양을 'hand'로 바꾸라는것이죠.

간단하죠?? ^^

그럼 'hand' 모양 말고 어떤 모양이 있는지 살펴보죠.