1
クロムコンソールに何千ものエラーがスローされていることを知りました。javascriptのonmousemove/event.clientXは動作していますが、エラーをスローします
Uncaught TypeError: Cannot read property 'clientX' of undefined
AFAIKこれは、このプロパティが属するオブジェクトをクロムで見つけることができないことを意味します。しかし、私が例を開くと、それは右の座標を完全にうまく示しています。これらの役に立たないエラーを取り除くのを助けてください。
<html>
<head>
<style type="text/css">
#tracking {
width: 300px;
height: 300px;
background-size: 300px 300px;
background-color: #00F;
left: 100px;
top: 100px;
position: absolute;
}
</style>
<script type="text/javascript">
var mX, mY;
var track;
document.onmousemove = update;
function trackload()
{
track = document.getElementById("tracking");
setTimeout("update()",10);
}
function update(e)
{
mX = e.clientX;
mY = e.clientY;
if (track) {
track.innerHTML = "X: " + mX + " Y: " + mY + " deg: " + (Math.atan(mY/mX) * (180/Math.PI));
track.style.cssText = "-webkit-transform: rotate(" + (Math.atan(mY/mX) * (180/Math.PI)) + "deg);";}
setTimeout("update()",10);
}
</script>
</head>
<body>
<div id="tracking" onclick="trackload()"></div>
</body>
私は今、とても馬鹿だと感じます。それはもちろん、（： – jangxx