Easy Tutorial
❮ Met Canvas Clip Jsref Lastindex Regexp ❯

onwheel Event

Event Object

Example

Execute JavaScript when the user scrolls the mouse wheel over a <div> element:

document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction() {
    document.getElementById("myDIV").style.color = "red";
}

Definition and Usage

The onwheel event is triggered when the mouse wheel scrolls up or down over an element.

The onwheel event also occurs when scrolling or zooming on a touchpad (like those on laptops).


Browser Support

Event Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 6.0 18.0

Note: In Internet Explorer, the wheel event is only supported via the addEventListener() method. There is no onwheel property on the DOM object.


Syntax

In HTML:

In JavaScript:

In JavaScript, using the addEventListener() method:

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.


Bubbles: Yes
Cancelable: Yes
--- ---
Event Type: WheelEvent
--- ---
Supported HTML Tags: All HTML elements
--- ---
❮ Met Canvas Clip Jsref Lastindex Regexp ❯