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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。