HTML WheelEvent deltaZ用法及代码示例

HTML | DOM WheelEvent deltaZ属性用于在滚动网页时返回正的double值，在滚动页面时返回负的值，否则返回零。这是一个只读属性。

用法:

event.deltaZ

返回值：它返回一个双精度值，该值指示鼠标滚轮的滚动方向。

例：

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

输出：
滚动前：

滚动后：

支持的浏览器：下面列出了DOM WheelEvent deltaZ属性支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Opera

相关用法

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