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/Yを使用するたびに、取得する位置はNaNで、コンソールでマウスの位置を記録してチェックしました。

どうしてですか？

Answer 1

これは誤字です。私はエラーのために自分のコードをランダムに見ているときにそれを理解しました。私はclientXの代わりにClientXとタイプしていました。