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