2012-03-26 35 views
0
<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代码的工作时间。

然后我试图单独的Javascript代码在不同的文件:

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

,它给了相同的结果。

我希望有人能帮助我用这个光标定位代码或类似的一个与其他JavaScript代码组合。

+0

了解如何在这里缩进的问题和答案,你的问题就像是一个HTML页面......至少不会有CSS和JavaScript那里... **: - )** – gdoron 2012-03-26 20:48:50

+1

是$('。test')中的问号。disableSelection();?'只是为了表明该行不起作用,或者它实际上是在您的真实码? – nnnnnn 2012-03-26 20:48:59

回答

0

如果您删除'?在行结束10

+0

哈哈哈,这样的错误,thx很多! – VVW 2012-03-26 21:26:54

0

TOPLEFT要求单位:

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

我会记住这一点,谢谢。 – VVW 2012-03-26 21:27:34