HTML WheelEvent deltaMode用法及代码示例

DOM WheelEvent deltaMode属性用于返回一个数字，该数字表示滚动值的长度单位，即deltaX，deltaY，deltaZ。它是只读属性。它返回三个数值，即：

0:代表像素
1:代表线
2:代表页面

用法:

event.deltaMode

返回值：它返回一个数值，代表增量值的长度单位。

例：

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

输出：
滚动前：

滚动后：

支持的浏览器：DOM WheelEvent deltaMode属性支持的浏览器如下所示：

谷歌浏览器
IE浏览器
Firefox
Opera

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM WheelEvent deltaMode Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。