Related Articles

Related Articles

HTML | DOM WheelEvent deltaMode Property
  • Last Updated : 17 Jun, 2019

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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:
Before Scroll:



After Scroll:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :