Skip to content
Related Articles

Related Articles

HTML | DOM WheelEvent deltaMode Property

View Discussion
Improve Article
Save Article
  • Last Updated : 11 Jul, 2022

The DOM WheelEvent deltaMode Property is used to returns a number Which represents the length unit of the scrolling values i.e deltaX, deltaY, deltaZ. It is read only Property. It returns three numeric value that is:

  • 0:stands for pixels
  • 1: stands for lines
  • 2: stands for pages

Syntax: 

event.deltaMode 

Return Value: It returns a numeric value which represents the length unit of the delta values. 

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
      DOM WheelEvent deltaMode Property
  </title>
</head>
 
<body onwheel="Geeks(event)"
      style="text-align: center;
             width: 1000px;">
 
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
 
    <h2>
        DOM WheelEvent deltaMode Property
    </h2>
 
    <p>Scroll to see effect:</p>
 
    <p id="p"></p>
 
    <script>
        function Geeks(event) {
            var doc = event.deltaMode;
            document.getElementById(
              "p").innerHTML = doc;
        }
    </script>
 
</body>
 
</html>

Output: 

Before Scroll:

  

After Scroll: 

 

Supported Browsers: The browsers supported by DOM WheelEvent deltaMode Property are listed below:

  • Google Chrome 26
  • Edge 12
  • Internet Explorer 9
  • Firefox 17
  • Opera 15
  • Safari 7
My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!