<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代碼組合。
瞭解如何在這裏縮進的問題和答案,你的問題就像是一個HTML頁面......至少不會有CSS和JavaScript那裏... **: - )** – gdoron 2012-03-26 20:48:50
是$('。test')中的問號。disableSelection();?'只是爲了表明該行不起作用,或者它實際上是在您的真實碼? – nnnnnn 2012-03-26 20:48:59