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

352 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements