Question

<html>
<script language="javascript">
document.onmousemove=function(evt) {
    evt = (evt || event);
    document.getElementById('x').value = evt.clientX;
    document.getElementById('y').value = evt.clientY;
    document.getElementById('a').style.left = evt.clientX;
    document.getElementById('a').style.top = evt.clientY;
}
$('.test').disableSelection();?
</script>
<body style="cursor: none;">
<input type="text" id="x"></input><br>
<input type="text" id="y"></input>
<div id="a" style="height: 3px; width: 3px; background-color: green; border-radius: 3px; position: absolute;"></div>
<div id="b" class="test" style="position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;"></div>
</body>
</html>

这是我正在使用的代码。现在，如果您尝试在浏览器中使用此代码（我使用的是Google Chrome或Firefox），您会发现绿点不在光标坐标之后。

如果您删除除用于定位光标和放置点的那些之外的所有其他javascript代码，则点将仅跟随光标。

我尝试使用许多其他代码找到光标，我也尝试将此代码与其他javascript代码结合使用，但每次尝试时，它都不能与文件中的其他Javascript代码一起使用。

然后我尝试将Javascript代码分成不同的文件：

<script language="javascript" src="loccur.js"></script>
<script language="javascript" src="disabletext.js"></script>

它给出了相同的结果。

我希望有人可以帮我使用这个游标位置代码或类似的代码与其他javascript代码一起使用。

Answer 1

如果删除'？'，我可以使用Chrome工作正常在第10行的末尾

Answer 2

TOP和LEFT需要单位：

document.getElementById('a').style.left = evt.clientX + 'px';

游标坐标代码不适用于其他JavaScript代码

2 个答案: