Execute a script when a mouse wheel is being scrolled over an element in HTML?

When a mouse wheel is being scrolled over an element, the onwheel attribute triggers.

Example

You can try to run the following code to execute a script when a mouse wheel is being scrolled over an element in HTML −

<!DOCTYPE html> <html>    <head>    </head>    <body>       <div id = "myDIV" onwheel = "display()">This is demo text. Roll the mouse wheel here.</div>       <script>          function display() {             alert("Mouse Wheel used!");          }       </script>    </body> </html>
Updated on: 2020-05-30T22:58:31+05:30

353 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements