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

+1

疑問符は '$( '。test')。disableSelection();?で、その行が機能しないことを示したり、コード? – nnnnnn

答えて

0

「?」を削除すると、Chromeでうまく動作します。行の末尾10

+0

ハハハ、そのような間違い、たくさんのthx! – VVW

0

TOPLEFTユニットが必要で:

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

私はこれを念頭に置いておきます、ありがとう。 – VVW

関連する問題