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 : 스크롤 막대를 스크롤할 경우
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' 모양 말고 어떤 모양이 있는지 살펴보죠.
: 'crosshair'
: 'hand'
: 'move'
: 'e-resize' or 'w-resize'
: 'nw-resize' or 'se-resize'
: 'ne-resize' or 'sw-resize'
: 'n-resize' or 's-resize'
: 'text'
: 'wait'
: 'help'
onmouseover="this.style.cursor='hand'"
이부분이 더 들어가있습니다.
onmouseover 는 마우스가 올라왔을때 발생하는 이벤트를 말합니다. 마우스가 올라왔을때 마우스커서모양을 'hand'로 바꾸라는것이죠.
간단하죠?? ^^
그럼 'hand' 모양 말고 어떤 모양이 있는지 살펴보죠.
: 'crosshair'
: 'hand'
: 'move'
: 'e-resize' or 'w-resize'
: 'nw-resize' or 'se-resize'
: 'ne-resize' or 'sw-resize'
: 'n-resize' or 's-resize'
: 'text'
: 'wait'
: 'help'
마우스를 올렸을때 손모양이 나오게 하려고 항상 style="cursor:hand" 를 사용해 왔습니다.
근데 이게 파이어폭스에서는 동작하지 않는다는것을 알았습니다.
"hand" 이놈이 IE 에서만 동작을 하는군요. MS 전용이랍니다.
공통적으로 사용되는 것은 style="cursor:pointer" 를 사용합니다.
FF / IE 모두 잘 되는군요..
근데 이게 파이어폭스에서는 동작하지 않는다는것을 알았습니다.
"hand" 이놈이 IE 에서만 동작을 하는군요. MS 전용이랍니다.
공통적으로 사용되는 것은 style="cursor:pointer" 를 사용합니다.
FF / IE 모두 잘 되는군요..