クリックが行われた正確な座標を記録しようとすると問題が発生します。最初の readMouseMove 関数は、想定どおりに機能しています。スクロールするとマウス座標が表示されます。2 番目の mouseClick 関数は、クリックが行われたときにのみ座標を記録する必要があります。現時点では上記の関数と同じですが、clientx/y イベントは 1 回しか使用できないようです。どこかのオブジェクトに関連させずにマウスクリックを記録する方法はありますか?
<script type='text/javascript'>
function readMouseMove(e) {
var xandy = 'x=' + e.clientX + " " +'y=' + e.clientY;
document.getElementById('divOne').innerHTML = xandy;
};
function mouseClick(e) {
var clickers = 'x=' + e.clientX + " " +'y=' + e.clientY;
document.getElementById('divTwo').innerHTML = clickers;
};
function clearAll() {
document.getElementById('divTwo').innerHTML = " "
};
document.onmousemove = readMouseMove;
document = mouseClick;
</script>