ClientY給我楠但pageY和OFFSETY工作

Question

我試圖讓鼠標的位置，併爲我用下面的代碼：

function calculateMousePos(e) { 
     var rect = canvas.getBoundingClientRect(); 
     var root = document.documentElement; 
     var mouseX = e.offsetX - rect.left - root.scrollLeft; 
     var mouseY = e.offsetY - rect.top - root.scrollTop; 
     return { 
      x: mouseX, 
      y: mouseY 
     }; 
    } 

它工作正常，但我使用教程要求用'ClientX'和'ClientY'而不是偏移量和/或pageX/Y等。

但是，每當我使用ClientX/Y時，我得到的位置是NaN，我通過控制檯記錄鼠標位置來檢查它。

爲什麼會發生？

Answer 1

沒關係，這是錯字。我在隨機查看代碼時發現錯誤。我一直在輸入ClientX而不是clientX。