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

HTML Web Development Front End Technology

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>

Nikitha N

Published on 14-Mar-2018 07:02:05

Previous Page Print Page