이벤트 속성
마우스포인터가 개체 위로 이동하였을 때 발생된다.
이벤트 속성 |
object.onmouseover=handler | JScript 만- |
|---|---|---|
| object.onmouseover=GetRef('handler') | VBScript 5.0- | |
| 인라인 HTML | <ELEMENT onmouseover="handler"> | 모든 플랫트폼 |
| 명명된 스크립트 | <SCRIPT for=object event=onmouseover> | Explorer- |
| Bubbles | 있슴 |
|---|---|
| 취소 | 가능 |
| 발생 원인 | 마우스포인터를 개체 위(속)으로 이동하였을 때. |
| 디폴트 작용 | 이벤트와 연관된 작용을 시작한다. |
| HTML 규격 | HTML 4.0 규격 |
DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.
| altKey | ALT 키가 눌렸는가를 반환하거나 설정한다. |
| altLeft | 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다. |
| button | 사용자에 의하여 눌려진 마우스 단추를 반환하거나 설정한다. |
| cancelBubble | 현재 이벤트가 이벤트처리자들의 계통도에서 버블업(bubble up)하여야 하는가를 반환하거나 설정한다. |
| clientX | 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다. |
| clientY | 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다. |
| ctrlKey | CTRL 키가 눌렸는가를 반환하거나 설정한다. |
| ctrlLeft | 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다. |
| fromElement | 이벤트에 의하여 작용이나 마우스포인터 중지되는 개체를 반환하거나 설정한다. |
| offsetX | 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다. |
| offsetY | 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다. |
| returnValue | 이벤트로 부터의 반환값을 반환하거나 설정한다. |
| screenX | 사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다. |
| screenY | 사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다. |
| shiftKey | SHIFT 키가 눌렸는가를 반환하거나 설정한다. |
| shiftLeft | 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다. |
| srcElement | 이벤트를 발생시킨 개체를 반환하거나 설정한다. |
| toElement | 사용자가 마우스포인터를 이동하는 대상 개체를 반환하거나 설정한다. |
| type | 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다. |
| x | 상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다. |
| y | 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다. |
onclick 이벤트에서와 거의 같은데, onclick는 마우스를 클릭해야만 이벤트가 발생되는데 onmouseover는 마우스가 개체 위에 올라 오기만 하면 발생된다.
onmouseover 이벤트는 마우스가 개체 위에 왔을 때 발생되고, onmouseout 이벤트는 개체에서 이탈했을 때 발생된다.
이 이벤트는 마우스포인터를 개체 위로 이동했을 때 발생되고, 마우스포인터를 개체 밖으로 이동했다가 다시 들어오지 않는 한 반복되지 않는다.
| 개체 | script | HTML | IE |
|---|
마우스를 개체 위로 가져오면(onmouseover)은 노랑색 배경이 나타나고, 밖으로 가져가면(onmouseout) 하늘색 배경이 나타난다.
<DIV onMouseOver="this.style.backgroundColor='#ffff00'" onMouseOut="this.style.backgroundColor='#00ffff'" style="width:400;border:solid 1 blue;padding:4px">마우스를 박스 위로, 밖으로 이동 시켜 보라</DIV>
<IMG src="../../gif/ulayout.gif" onMouseOver="this.src='../../gif/vlayout.gif'" onMouseOut="this.src='../../gif/ulayout.gif'">