2012-03-26 34 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