<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 на разные файлы:
<script language="javascript" src="loccur.js"></script>
<script language="javascript" src="disabletext.js"></script>
и это дало тот же результат.
Я надеюсь, что кто-то может помочь мне использовать этот код курсора или аналогичный код в сочетании с другим кодом JavaScript.