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