html tutorial - onmousewheel Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Onmousewheel attribute in html - html examples - html programs
- The onmousewheel attribute triggers when the mouse wheel is scroll either up or down over the element.
Syntax for onmousewheel attribute in HTML:
<element onmousewheel="script">
Applies To:
Element | Attribute |
---|---|
All HTML elements | onmousewheel |
Attribute Values:
Value | Description |
---|---|
script | The script can run on onmousewheel |
Sample Coding for onmousewheel Attribute in HTML:
Tryit<!DOCTYPE html>
<html>
<head>
<title>Wikitechy onmousewheel attribute</title>
</head>
<body>
<p onmousewheel="mouseWheel(this)">
Scroll mouse wheel to check onmousewheel Event.<br>
Learn to Code in Wikitechy.</p>
<script>
function mouseWheel (obj)
{
obj.style.color = "red";
}
</script>
</body>
</html>
Code Explanation for onmousewheel Attribute in HTML:

- onmouseWheel attribute used to trigger an event when the mouse wheel scroll over to the specified element.
- mouseWheel JavaScript function used to change the text color to red.
Output for onmousewheel Attribute in HTML:

- The output shows "Scroll mouse wheel to check onmousewheel Event. in default (Black) color.
- Once we press mouse button over the text the mouseWheel() function called and the text color will be changed to red.

Browser Support for onmousewheel Attribute in HTML:
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes |