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

이것은 내가 사용하고있는 코드입니다. 이제 브라우저에서이 코드를 사용하려고하면 (Chrome 또는 Firefox 사용) 녹색 점이 커서 좌표를 따르지 않음을 알 수 있습니다.커서 좌표 코드가 다른 자바 스크립트 코드와 호환되지 않습니다.

커서를 찾고 점을 배치하는 데 사용하는 점을 제외하고 다른 모든 자바 스크립트 코드를 제거하면 점만 커서를 따라갑니다.

다른 많은 코드와 함께 커서를 찾으려고 노력했지만 다른 자바 스크립트 코드와 함께이 코드를 사용하려고했지만 시도 할 때마다 파일의 다른 자바 스크립트 코드와 작동하지 않습니다.

그럼 난 다른 파일에 자바 스크립트 코드를 분리해서 시도 :

<script language="javascript" src="loccur.js"></script> 
<script language="javascript" src="disabletext.js"></script> 

과 같은 결과를 주었다.

다른 사람의 자바 스크립트 코드와 함께이 커서 위치 코드 나 유사한 코드를 사용하는 데 도움이되기를 바랍니다.

+0

여기에서 질문과 답변을 들여 쓰기하는 방법에 대해 알아 봅니다을, 귀하의 질문은 적어도 CSS와 자바 스크립트가되지 않습니다 ... HTML 페이지처럼 거기에 ... ** : -) ** – gdoron

+1

'$ ('. test')에 물음표가 있습니까? disableSelection() ;? 그냥 그 라인이 작동하지 않거나 실제로 당신의 실제에 있음을 나타 내기 위해서입니다. 암호? – nnnnnn

답변

0

'?'을 제거하면 Chrome에서 잘 작동합니다. 줄의 끝에서 10

+0

하하하, 그런 실수, 많이 thx! – VVW

0

TOPLEFT이 유닛이 필요합니다

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

감사합니다. 감사합니다. – VVW

관련 문제