onmousewheel event (Internet Explorer)

Switch View :

Classic

Lightweight

ScriptFree

Site Feedback

onmousewheel event

[This documentation is preliminary and is subject to change.]

Fires when the wheel button is rotated.

Syntax

HTML Attribute	<element onmousewheel = "handler(event)">
Event Property	object.onmousewheel = handler;
attachEvent Method	object.attachEvent("onmousewheel", handler)
addEventListener Method	object.addEventListener("mousewheel", handler, useCapture)

Standards information

There are no standards that apply here.

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

Remarks

The onmousewheel event is the only event that exposes the wheelDelta property. This property indicates the distance that the wheel button has rotated, expressed in multiples of 120. A positive value indicates that the wheel button has rotated away from the user. A negative value indicates that the wheel button has rotated toward the user. See the example below.

onmousewheel was introduced in Microsoft Internet Explorer 6

Scrolls the page up or down.

To invoke this event, do one of the following:

Rotate the wheel button.

Examples

The following example shows how to use the onmousewheel event and the wheelDelta parameter to expand and contract a picture in response to the wheel button being moved.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm


<html>
<head>
<script type="text/javascript">
var count = 10;
function Picture()
{
    if (event.wheelDelta >= 120)
        Resize(++count);
    else if (event.wheelDelta <= -120)
        Resize(--count);   
    return false;
}
function Resize(c){    
    oImage.style.zoom = c + '0%';
}
</script>
</head>
<body>
<img id="oImage" src="Sample.png" alt="sample "onmousewheel="Picture()">
</body>
</html>