마우스 굴림단추가 개체 위에서 회전할 때 발생된다.


이벤트 속성
object.onmousewheel=handler JScript 만-
object.onmousewheel=GetRef('handler') VBScript 5.0-
인라인 HTML <ELEMENT onmousewheel="handler"> 모든 플랫트폼
명명된 스크립트 <SCRIPT for=object event=onmousewheel> Explorer-
이벤트 특성
Bubbles 있슴
취소 가능
발생 원인 마우스 굴림단추가 개체 위에서 회전할 때.
디폴트 작용 페이지를 아래 위로 스크롤(굴림)한다.
HTML 규격 비규격 IE 확장.

DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.

altKey ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
cancelBubble 현재 이벤트가 이벤트처리자들의 계통도에서 버블업(bubble up)하여야 하는가를 반환하거나 설정한다.
clientX 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다.
clientY 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다.
ctrlKey CTRL 키가 눌렸는가를 반환하거나 설정한다.
ctrlLeft 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다.
offsetX 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다.
offsetY 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다.
screenX 사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다.
screenY 사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다.
shiftKey SHIFT 키가 눌렸는가를 반환하거나 설정한다.
shiftLeft 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
srcElement 이벤트를 발생시킨 개체를 반환하거나 설정한다.
type 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
wheelDelta 마우스의 굴림 단추가 굴러간 거리와 방향을 반환하거나 설정한다.
x 상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다.
y 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다.

특기

onmousewheel 이벤트는 wheelDelta 속성이 적용되는 유일한 이벤트이다.
이 속성은 마우스굴림단추가 회전된 거리를 120곱으로 나타낸다. 양수는 마우스굴림단추가 사용자로 부터 멀리 이동한 것(아래로)이고, 음수는 사용자에게 가깝게(위로) 이동한 것을 의미한다.

적용
개체scriptHTMLIE


onmousewheel 이벤트 예제

결과 표시창

이미지 위에서 마우스 굴림단추를 아래 위로 굴려보라.
wheelDelta 파라메터가 굴림단추를 위로 굴리면 120, 아래로 굴리면 -120이 된다.

<SCRIPT>
var step=10;
function doTry(){
  if ((step<=20)&&(step>=1)){
    if (event.wheelDelta>=120) step++;
    else if (event.wheelDelta<=-120) step--;
  } else step=10;
  imgObj.style.zoom=step+'0%';
  show.innerHTML='wheelDelta=('+event.wheelDelta+') step=('+step+') zoom=('+imgObj.style.zoom+')';
  return false;
}
</SCRIPT>
<IMG id="imgObj" src="http://trio.co.kr/gif/triov.jpg" onmousewheel="doTry()" width="300" height="273">
<DIV id="show" width=600>결과 표시창</DIV>